jqeury datatable/http://www.cnblogs.com/jobs2/p/3431567.html
0.http://blog.csdn.net/mickey_miki/article/details/8240477
1.1 修改默认值
代码 841处options
添加分页选择
oInit.bLengthChange = true;
oInit.aLengthMenu = [ 10, 20, 50, 100, 1000 ];
oInit.sPaginationType = "full_numbers";
oInit.sDom = '<"H">t<"F"ilp>';
1、自定义列信息
"aoColumnDefs":[
{
"sClass":"center",
"aTargets":[0],
"mData":"id",
"mRender":function(a,b,c,d){//a表示statCleanRevampId对应的值,c表示当前记录行对象
return '<input name="check_row" class="check_row" value =\"'+c.id+'\" type="checkbox" value="" />';
} }
],
2、添加序号
"fnCreatedRow": function(){
var api = this.api(); var startIndex= api.context[0]._iDisplayStart;// 获取到本页开始的条数 api.column(0).nodes().each(function(cell, i) {
cell.innerHTML = startIndex + i + 1; })
}
3 动态添加一列到【待测】http://datatables.club/example/api/add_row.html
DataColumn column; column = new DataColumn(); column.ColumnName = "序号"; dt.Columns["序号"].SetOrdinal(1);
4.固定表头
"sScrollY":"500px",
"sScrollX": "100%",
"sScrollXInner": "100%",
"bScrollCollapse": true,
5.http://blog.csdn.net/yibing548/article/details/45078123
5 解决网页缩放表头错误的问题【5 4 一起使用 不是指最高高度去掉 sScrollY 】
var resizeWaiter = false;
$(window).resize(function() {
if(!resizeWaiter){
resizeWaiter = true;
setTimeout(function(){
dataTable && dataTable.fnDraw(false);
resizeWaiter = false;
}, 1);
}
});
、、、dataTable=$("#userTable").dataTable({})
6 找到当前记录的信息
var editdt;
for(var i=0;i<dtable.fnGetData().length;i++){
if(dtable.fnGetData()[i].gid==editid){
editdt=dtable.fnGetData()[i];
break;
}
}
7. "aoColumnDefs": [{ "bVisible": false, "aTargets": [0]}]//隐藏列
8.排序:
"ajax":function(data, callback,settings){
var param = {
"column":(data.order)[0].column,//排序的列
"dir":(data.order)[0].dir,//排序方式
"targetName":data.columns[(data.order)[0].column].data//参数
}
}
9. 定义排序的列
"aoColumnDefs": [
{ "mData" : "name",'title' : '道路名称',"bSortable":false}, //是否排序
{ "mData" : "name",'title' : '道路名称',"bSortable":true}, //是否排序
{ "mData" : "name",'title' : '道路名称',"bVisible":false}, //是否可用
]
10.http://www.cnblogs.com/jobs2/p/3431567.html
10 复选框选中
"fnCreatedRow": function(nRow, aData, iDisplayIndex) {
//设置序号
var api = this.api();
var startIndex = api.context[0]._iDisplayStart; // 获取到本页开始的条数
api.column(0).nodes().each(function(cell, i) {
cell.innerHTML = startIndex + i + 1;
})
//根据返回的ID 对比之前选中ID 如果有就把复选框选中
if(securityComTblArr.length > 0) {
for(let i = 0, l = securityComTblArr.length; i < l; i++) {
if(securityComTblArr[i] == aData.gid) {
$(nRow).children().find('.securityComTblChk').prop('checked', true)
}
}
}
},
11.删除行
relateGuanxiansTbl.fnDeleteRow(rowIndex,null,true);//删除行【行的索引,callBack,是否重新绘制表格】
适用于非ajax获取数据
12.standardsTblData.fnDraw();//重新绘制表格 可以在表格错乱的时候使用
jqeury datatable/http://www.cnblogs.com/jobs2/p/3431567.html的更多相关文章
- jqeury datatable
1.自定义列信息 "aoColumnDefs":[ { ...
- Jquery_JQuery之DataTables强大的表格解决方案
1.DataTables的默认配置 $(document).ready(function() { $(‘#example’).dataTable(); } ); 示例:http://www.guoxk ...
- Jquery datatables 使用方法
说明: 1.s开头的是字符串 2.b开头的是布尔值 3.i开头的是整型值 4.o开头的是Json对象 5.ao开头的是Json对象数组 6.aa开头的是二维数组 7.fn开头的是函数 服务器端返回的数 ...
- AutoMapper小结
一些orm框架,在用到Entity的时候有一些开源代码用到了automapper(如:nopcommence),将数据对象转成DTO.比如在ORM中,与数据库交互用的Model模型是具有很多属性变量方 ...
- Auto Mapper02《demo》
学习这些基本上网上都有一些教程或者别人做的demo,我是按照这个方式去学习的.先做个demo,学会如何去使用它,接着去慢慢的了解它是如何的运行的,理解里面的一些基本的基础知识.我们不可以再像 ...
- Tabular Model下的ADOMD.NET
ADOMD.NET是一套对象架构体系,它包含需要向SSAS数据库做访问的一切支持的对象和方法.很多微软官方以及第三方的SSAS客户端应用都是通过这个对象来操作数据. 多维模式的ADOMD.NET在我以 ...
- 如何复制DataRow(dataTabel中的行)
由于需要对dataTabel中的行进行上移和下移操作: row 1 行号0 row2 行号1 row3 行号2 例如将row3上移一行,即row2和row3对调位置. ...
- HtmlAgilityPack相关网页
//多线程 http://www.cnblogs.com/jiangming/archive/2012/09/11/MultiThreadCallWebbrowser.html //替换Webbrow ...
- .net string format
转自:http://www.cnblogs.com/jobs2/p/3948049.html 转自:http://jingyan.baidu.com/article/48206aeaf8c52f216 ...
随机推荐
- PMP学习笔记
PMI:Project Management Institute,项目管理协会于1969年在美国成立,致力于全球范围内的项目管理研究.标准制定和出版.价值倡导.职业认证和学位 课程认证.现在,PMI已 ...
- csrf xss sql注入
1.输入框 sql注入 测试直接在输入框输入1' ,看sql会不会拼接出错 xss攻击 csrf攻击 测试直接在输入框输入 <script>alert(123)</script> ...
- 4.前端注册表单验证 && 表单回填
表单验证 前端表单验证就是在 jsp 页面中添加验证逻辑,使得注册表单在传入后台之前先进行一次表单验证 在jsp文件里的 head 块里面添加 jQuery 代码 <script type=&q ...
- -Java-Runoob-高级教程-实例-数组:09. Java 实例 – 数组扩容
ylbtech-Java-Runoob-高级教程-实例-数组:09. Java 实例 – 数组扩容 1.返回顶部 1. Java 实例 - 数组扩容 Java 实例 以下实例演示了如何在数组初始化后 ...
- 操作系统-百科:Kylin (中国自主知识产权操作系统)
ylbtech-操作系统-百科:Kylin (中国自主知识产权操作系统) Kylin操作系统是国家高技术研究发展计划(863计划)的重大成果之一,是以国防科技大学为主导,与中软.联想等单位联合设计和开 ...
- 杂项:BugFree
ylbtech-杂项:BugFree BugFree是借鉴微软的研发流程和Bug管理理念,使用PHP+MySQL独立写出的一个Bug管理系统.简单实用.免费并且开放源代码(遵循GNU GPL). 命名 ...
- PHP简单查询界面
<html> <style type='text/css'> table {border-collapse:collapse;} td {border:solid 1px #d ...
- java ssl https 连接详解 生成证书 tomcat keystone
java ssl https 连接详解 生成证书 我们先来了解一下什么理HTTPS 1. HTTPS概念 1)简介 HTTPS(全称:Hypertext Transfer Protocol over ...
- [UE4]蓝图Get Control Rotation获取人物角色朝向,设置默认人物相机,朝向与controller绑定
具体应用:控制人物移动方向 也可以使用“CombineRotators”将角色控制器Z轴旋转90°,然后再取正面方向,达到跟“Get Right Vector”一样的效果: 设置关联人物朝向使用控制器 ...
- HttpClient上传下载文件
HttpClient上传下载文件 java HttpClient Maven依赖 <dependency> <groupId>org.apache.httpcomponents ...