datatable1.9 与datatable1.10取数据区别
来源:互联网 发布:qq魅力值软件 编辑:程序博客网 时间:2024/06/11 11:48
本人也是摸索datatable1.10的新用法,在下面的代码中如有错误,欢迎提出。。
1.10与1.9区别官方网址说明:http://www.datatables.net/upgrade/1.10
我们之间看代码。先看1.9的写法:
$(document).ready(function() {
var table, _qData;
table = $('#example').dataTable({
aoColumns : _tableCols,
fnCreatedRow : xxxxx, //函数名
});
loadList();
});
// table: 表格对象
function loadList() {
$.ajax({
url : '/queryxxxx',
data : _qData,
dataType : 'json',
success : function(data) {
table.fnClearTable();
table.fnAddData(data.records);
}
});
}
var _tableCols = [ {
mData : null,
bSortable : false,
sClass : "center",
sWidth : "30",
mRender :xxxx //函数名
}, {
mData : 'groupCode',
sWidth : "120",
bSortable : true
}, {
mDataProp : "uuid",
sClass : "center",
bSortable : false,
sWidth : "124",
mRender : xxxx //函数名
} ];
现在看1.10的写法
$(document).ready(function() {
var table, _qData;
table = $('#example').dataTable({
"columns" : _tableCols,
"createdRow" : xxxxx, //函数名
});
loadList();
});
// table: 表格对象
function loadList() {
$.ajax({
url : '/queryxxxx',
data : _qData,
dataType : 'json',
success : function(data) {
table.clear().draw();
table.rows.add(data.records).draw();
}
});
}
var _tableCols = [ {
data: null,
orderable: false,
className : "center",
width : "30",
render :xxxx //函数名
}, {
data : 'groupCode',
width : "120",
orderable: true
}, {
data: "uuid",
className : "center",
orderable: false,
width : "124",
render : xxxx //函数名
} ];
我们在看一种1.10的写法。此时我们将Ajax放在datatable里面
var table= $('#example').dataTable({
"columns" : _tableCols, //_tableCols 写法同上
createdRow : xxxxx, //该函数用于行事件
"ajax" : {
"url" : "xxxxx",
"type" : "POST",
"dataSrc" : function(json) {
return json.records;
},
"error" : function() {
var data = {
"data" : []
};
return data;
}
}, });
该种方式也能给datatable赋值。。。。
用mDataProp绑定字段 跟mdata 一样的用法,这两个都是datatable 1.9及以前用法。1.10之后统一用data了。
1.9 -----》 1.10
mdata mdataprop -->data
bSortable -->orderable
sClass -->className
swidth -->width
mRender -->render
fnCreatedRow -->createdRow
datatables warning table id requested unknown parameter from the data source for row
(说明:The reason for these warnings are normally due to null values in the data source. The key to suppressing this warning is through the use of the sDefaultContent property.)
下面代码也能稍微解决:
1. "aoColumnDefs" : [ {
sDefaultContent : '',
aTargets : [ '_all' ]
} ],
2.
add $.fn.dataTableExt.sErrMode = 'throw'
in the page where the plugin is used
搜索 datatable 1.10 ajax
- datatable1.9 与datatable1.10取数据区别
- datatable1.10实例
- 两个 DataTable 读取重复数据,dataTable1与dataTable2不同
- datatable1.10服务器断分页
- datatable1.9.4 + .net mvcwebapi 分页
- C# winfrom 将datatable1中的数据列复制到另一个datatable2中
- datatable 动态更ajax换数据源展示? fnReloadAjax||datatable1.10已经有官方实现
- DataTable1的一行复制给另一个DataTable2
- 从DataTable1的某一行开始循环然后把值添加到另外一个DataTable2中
- 取模与取余的区别
- 取/*与*/之间的数据
- web服务器中shell启动java调ibtas取数据与online的区别
- 取模(mod)与取余(rem)的区别
- 取模运算与取余运算的区别
- 注意 引用 与 取址的区别
- 取绝对值:abs()与fabs()的区别
- 引用与取地址有什么区别?
- c/c++中取余与取模区别
- Hibernate基于XML的----联合主键配置
- linux的解压和压缩的命令集
- Linux下编译hadoop2.5.1源码
- hiho一下 第十五周 最近公共祖先·二 - 更新一下tarjan离线LCA模板
- 请控制好你的情绪--职场情绪管理
- datatable1.9 与datatable1.10取数据区别
- 字符串相关题目
- 论证是一门学问 如何让你的观点有说服力-9 规则9 事件发生的概率或许至关重要
- android4.0触摸屏滑鼠模式解决方法-添加idc文件
- 面向对象(二)——装箱、equals、单例类、接口、模式
- Android 数据访问之External Storage 数据保存在sd卡 demo+笔记
- java线程题目
- jquery struts2 文件下载
- Linux X86保护模式分段验证