首页 > 代码库 > datatable1.10服务器断分页
datatable1.10服务器断分页
接着上一篇datatable1.10的新特性,出于工作需求,我们需要进行服务器端分页。
本人还是直接拿代码。。然后给代码加上注释。。如果有疑问可以指点一二。。。
$(document).ready(function() {
var table = $(‘#example‘).DataTable({
"columns" : _tableCols,
"createdRow" : xxxxxx, //函数名
"processing" : true, //数据多一下子加载不全的时候,页面会展示加载进行中
"serverSide": true, //设置为true才会进行服务器分页
"pagingType": "full_numbers", //分页按钮的显示形式
"paging": true, //如果为FALSE 所有数据显示在一个页面上
"ajax" : {
"url" : "xxxx/query",
"type": ‘POST‘,
"data" : function(d) {
d.orderby = "position";
},
"dataSrc" : function(json) {
return json.records;
},
},
});
});
//上面的js代码就全部写完,如果需要添加其他属性如:lengthMenu等。。。可以参考server side processing 网址为:http://datatables.net/manual/server-side
本人用的是springmvc框架,因而在返回的对象中必须包含recordsFiltered 和 recordsTotal 这个两个长整形参数。不然分页的时候会报错(如Showing 1 to 10 of 57 entries 数字会是NaN)。具体为什么一定要这个两个参数可以看官网的json数据源,都有这两个参数。因而我们返回的对象也应该包含着两个参数。
//recordsFiltered is the total number of records in the data set after filtering
private long recordsFiltered = 0;
//total number
private long recordsTotal = 0;
如有疑问欢迎留言。。。。
datatable1.10服务器断分页