jQuery的 dataTable 2
2015-07-14 15:43
645 查看
this.dataTable_one = this.qid("completeToDo").dataTable({ searching: false, serverSide: false,//是否开启列排序 bProcessing: false, ordering: false, pageLength : 1000, "aaData":this.dealdata, "sDom":"t<i>", "columns": [ { "title": "<div><input type='checkbox' name='checkall'/><span style='padding-left:15px;'>全选</span></div>" ,"mData":"id","sWidth":70}, { "title": "待验证的项目" ,"mData":"itemPoint","sWidth":"20%"}, { "title": "完成情况" ,"mData":"improveRemark","sWidth":""}, { "title": "完成日期" ,"mData":"improveDate","sWidth":"10%"}, { "title": "验证人员" ,"mData":"confirmMan","sWidth":"20%"}, { "title": "验证情况" ,"mData":"confirmResult","sWidth":"10%"}, { "title": "验证日期" ,"mData":"confirmDate","sWidth":"10%"} ], "bInfo":false, "bDeferRender":false, "oLanguage": this._DATATABE_LANGUAGE, "aoColumnDefs": [ { "aTargets": 0, "sClass": "checkbox-td", "sContentPadding": "mmm", "mDataProp": "engine", "sDefaultContent": "--",//允许给列值一个默认值,只要发现null值就会显示默认值 "mRender": function (data, type, full) { var htmls="<div><input type='checkbox' name='checkfliter' data-data='"+JSON.stringify(full)+"'/><span style='padding-left:15px;'></span></div>"; return htmls; } }, { "aTargets": 1, "sClass": "itemPoint-td", "sDefaultContent": "--", "mRender": function (data, type, full) { var html="<a href='#' class='itemPoint' data-data='"+JSON.stringify(full)+"'>"+data+"</a></li>"; return html; } }, { "aTargets": 2, "mRender": function (data, type, full) { return data; } },{ "aTargets": 4, "mRender": this.proxy(function (data, type, full) { var htmls=["<ul style='padding-left:15px;list-style:none;'>"]; data && $.each(data,function(idx,item){ htmls.push("<li>"+(item.num || "")+" <a href='#' class='confirmMan' data-data ='"+JSON.stringify(item)+"'>"+item.name+"</a></li>"); }); htmls.push("</ul>"); return htmls.join(""); ; }) } ] });
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 异步流程控制:7 行代码学会 co 模块
- JavaScript拆分字符串时产生空字符的原因
- IE8开发人员工具教程(二)
- 在flex中执行一个javascript方法的简单方式
- Flex结合JavaScript读取本地路径的方法
- PowerShell中执行Javascript的方法示例
- javascript asp教程第六课-- response方法
- javascript asp教程More About Recordsets
- javascript asp教程第十二课---session对象
- javascript asp教程创建数据库连接
- javascript asp教程错误处理
- javascript asp教程第十课--global asa