datatable1.9 与datatable1.10以数据差异
我还探讨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
版权声明:本文博客原创文章。博客,未经同意,不得转载。
本文转自mfrbuaa博客园博客,原文链接:http://www.cnblogs.com/mfrbuaa/p/4708479.html,如需转载请自行联系原作者
datatable1.9 与datatable1.10以数据差异相关推荐
- 「Python数据分析系列」10.使用数据
来源 | Data Science from Scratch, Second Edition 作者 | Joel Grus 译者 | cloverErna 校对 | gongyouliu 编辑 | ...
- 架构师之路:粉丝关系链,10亿数据,如何设计?
目录 粉丝关系链,10亿数据,如何设计? 什么是关系链业务? 弱好友关系的建立,不需要双方彼此同意: 强好友关系的建立,需要好友关系双方彼此同意: 弱好友关系,存储层应该如何实现? 如何查询一个用户关 ...
- Python使用matplotlib可视化时间序列季节图、使用季节图可以比较不同年份相同月份的数据差异、或者相同(年/月/周等)的时间序列在同一天的数据差异(Seasonal Plot)
Python使用matplotlib可视化时间序列季节图.使用季节图可以比较不同年份相同月份的数据差异.或者相同(年/月/周等)的时间序列在同一天的数据差异(Seasonal Plot) 目录
- 用指针实现删除数组中小于10的数据
<程序设计基础实训指导教程-c语言> ISBN 978-7-03-032846-5 p92 5.1.2 上级实训内容 [实训内容5]用指针实现删除数组中小于10的数据 正确程序已更新 正确 ...
- mysql读取表最后10条数据
读取表dailykt 里字段ts_code='300167.SZ'的 按照 trade_date 倒序最后10条数据, select * from dailykt where ts_code='300 ...
- Redis 10亿数据量只需要100MB内存,为什么这么牛?
作者:java架构设计 来源:toutiao.com/i6767642839267410445 本文主要和大家分享一下redis的高级特性:bit位操作. 力求让大家彻底学会使用redis的bit ...
- 只导表前10条数据_【205期】面试官:数据量很大的情况下,对于分页查询你有什么优化方案吗?...
点击上方"Java面试题精选",关注公众号 面试刷图,查缺补漏 >>号外:公众号改版后文章顺序不固定,欢迎大家把我们面试题精选这个公众号设置为星标,感谢大家一年的支持! ...
- mysql查询每个id的前10条数据_解决 MySQL 比如我要拉取一个消息表中用户id为1的前10条最新数据...
我们都知道,各种主流的社交应用或者阅读应用,基本都有列表类视图,并且都有滑到底部加载更多这一功能, 对应后端就是分页拉取数据. 好处不言而喻,一般来说,这些数据项都是按时间倒序排列的,用户只关心最新的 ...
- 找出两列数据的差集_excel快速查找数据差异项
近来在网上看到一则查找两列数据差异项的方法,试着做发现07版的excel根本就没有那个功能,而且设置过程也很麻烦,有那个功夫,不如去网上找函数公式解决.今天给大家分享一下用函数组合公式和自定义函数公式 ...
最新文章
- 用createrepo命令创建自己的yum源
- linux:文件权限管理
- Leetcode题库 15.三数之和_1(双指针 C实现)
- Dynamics AX 2009 启动时提示“…the application files in exclusive mode”的解决
- wstring 截取_StringUtils截取字符substringBefore等方法使用
- redis中几种数据存储方式的比较
- 二元函数图像生成器_常见的损失函数(loss function)
- Godaddy 上的域名服务器状态查询
- 数据集 oracle,Analytics 数据集 - 
Oracle® ZFS Storage Appliance RESTful API 指南,发行版 OS8.6.0...
- sentinel 时间窗口_sentinel 滑动窗口统计机制
- linux终端怎么设置monaco,Ubuntu中使用Monaco字体美化
- Filed II 自定义二维曲面超声换能器阵列
- Internet——Download——Manager学习记录
- 中国家电闯入国外运营费成本比中国高
- Vue中将Element表格导出为excel
- 解决Cannot create PoolableConnectionFactory (Access denied for user 'xxx'@'xxx.xxx.xx.xxx' (using pas
- C. Unusual Competitions
- SaaS Metrics 2.0 – A Guide to Measuring and Improving what Matters
- Linux和Win10双系统出现GUN GRUB解决方法
- 【matlab矩阵运算】01、把矩阵展开成向量
热门文章
- 可怕!公司部署了一个东西,悄悄盯着你
- 蚂蚁上市分给员工 7000 亿股权,曾有人 28 岁财务自由,这次又将产生多少千万富翁?...
- Bug 是一门艺术 | 每日趣闻
- 替换openjdk的版本时遇到报错Transaction check error
- 为敏捷 BI 补上关键两环
- mysql 主从复制
- org/springframework/core/ErrorCoded
- render函数高级组件jsx基本使用
- Mobx入门之三:Provider inject
- Beautiful Soup-4.2.0