首页 > 代码库 > 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服务器断分页