datatables.js(01) 列格式化 与 列的事件加载

datatables.js

对列进行格式化:
aoColumns   的  defaultContent
columnDefs 的  "defaultContent": "<input id=‘delrow‘ class=‘btn btn-primary‘ type=‘text‘></input>"
--动态填充数据
"mRender": function (data, type, full) {
                return "<input id=‘" + data[1] + "‘ type=‘text‘ value=‘" + data[1] + "‘>"}

我还记得有一个 prop的function可以做到对列进行动态格式化

第三种方法:  回调函数
"fnRowCallback":function(nRow,aData,iDataIndex){
            var id = $(‘td‘, nRow).eq(0).text();
            var ip = $(‘td‘, nRow).eq(3).text();
            $(‘td:eq(-1)‘,nRow).html(‘修改 ‘+
            ‘删除‘);
            return nRow;
        },

        { "data": null,orderable: false,}

"fnRowCallback":function(nRow,aData,iDataIndex){
            var id = $(‘td‘, nRow).eq(0).text();
            var ip = $(‘td‘, nRow).eq(3).text();
            $(‘td:eq(-1)‘,nRow).html(‘修改 ‘+
            ‘删除‘);
            return nRow;
        },
第四个方法

 "mDataProp": "job",
                "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).addClass(‘selectTd‘).attr(‘id‘, ‘td_‘ + sData + ‘_‘ + oData.id);
                    //$(nTd).html("<select class=‘selectTd‘ id=td_"+sData+"_"+oData.id+"><option value="+sData+" selected>"+sData+"</option></select>");
事件的挂载:
时间: 2024-12-17 04:45:48

datatables.js(01) 列格式化 与 列的事件加载的相关文章

JS获取图片的缩略图,并且动态的加载多张图片

找了好多资料也没有找到该死的ie的解决办法,最后放弃了ie <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js获取缩略图</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <st

iscroll.js实现上拉刷新,下拉加载更多,应用技巧项目实战

上拉刷新,下拉加载更多...仿原生的效果----iscroll是一款做滚动效果的插件,具体介绍我就不废话,看官方文档,我只写下我项目开发的一些用到的用法: (如果不好使,调试你的css,想必是个很蛋疼的问题,给点提示 :#wrapper,以及#scroller-content要注意) html如下: <div class="viewport"> <div id="wrapper" class="wrapper"> <

Vue.js 开发实践:实现精巧的无限加载与分页功能

https://segmentfault.com/a/1190000005351971#articleHeader9 本篇文章是一篇Vue.js的教程,目标在于用一种常见的业务场景--分页/无限加载,帮助读者更好的理解Vue.js中的一些设计思想.与许多Todo List类的入门教程相比,更全面的展示使用Vue.js完成一个需求的思考过程:与一些构建大型应用的高阶教程相比,又更专注于一些零碎细节的实现,方便读者快速掌握.致用. 需求分析 当一个页面中信息量过大时(例如一个新闻列表中有200条新闻

[DIV/CSS] Vue.js 开发实践:实现精巧的无限加载与分页功能

本篇文章是一篇Vue.js的教程,目标在于用一种常见的业务场景--分页/无限加载,帮助读者更好的理解Vue.js中的一些设计思想.与许多Todo List类的入门教程相比,更全面的展示使用Vue.js完成一个需求的思考过程:与一些构建大型应用的高阶教程相比,又更专注于一些零碎细节的实现,方便读者快速掌握.致用. 需求分析 当一个页面中信息量过大时(例如一个新闻列表中有200条新闻需要展示),就会产生问题,例如: 数据量过大,影响加载速度 用户体验差,很难定位到之前自己看过的某篇文章 扩展性差,如

js 自己创建ready多个可以依次加载

js会把相同的方法名给覆盖了,很多时候我们都无法再页面加载的时候写多个onload事件,这样只有最后一个才能起效,所以从网上找了找,最后决定自己写一个,例子很简单,希望有高人来指导指导 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript_window.ready</title> </head> <body&g

JS 和 CSS 的位置对其他资源加载顺序的影响

JS 和 CSS 在页面中的位置,会影响其他资源(指 img 等非 js 和 css 资源)的加载顺序,究其原因,有三个值得注意的点: JS 有可能会修改 DOM. 典型的,可能会有 document.write. 这意味着,在当前 JS 加载和执行完成前,后续所有资源的下载有可能是没必要的.这是 JS 阻塞后续资源下载的根本原因. JS 的执行有可能依赖最新样式.比如,可能会有 var width = $('#id').width(). 这意味着,JS 代码在执行前,浏览器必须保证在此 JS

【JS】【9】使用jQuery动态加载js文件

正文: 用法: jQuery.getScript("/path/to/myscript.js") .done(function() { /* 耶,没有问题,这里可以干点什么 */ }) .fail(function() { /* 靠,马上执行挽救操作 */ }); 例子:延迟加载一个js插件,而且在加载完成时执行它 jQuery.getScript("jquery.cookie.js") .done(function() { jQuery.cookie("

js金额数字格式化实现代码(三位加逗号处理保留两位置小数)

工作中很常用的东西: 例1,使数字1111111变成11,111,111.00,保留两位小数. <html> <head> <script type="text/javascript"> function outputmoney(number) { number = number.replace(/\,/g, ""); if(isNaN(number) || number == "")return "

js的动态加载、缓存、更新以及复用(一)

使用范围: OA.MIS.ERP等信息管理类的项目,暂时不考虑网站. 遇到的问题: 完成一个项目,往往需要引用很多js文件,比如jQuery.js.easyUI等.还有自己写的一些列js文件,那么这些文件如何方便的加载,如果文件有变化如何才能让客户端及时更新缓存?如果能够提高点运行效率,那就更好了. 目标: 1.  可以方便的引用js文件. 2.  尽量使用各种缓存,避免频繁从服务器读取文件. 3.  如果js文件有更新或者增加.减少几个减少js文件,需要客户端能够自动.立刻更新. 4.  Js