码迷,mamicode.com
首页 > 其他好文 > 详细

datatable1.10服务器断分页

时间:2014-10-19 09:02:06      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:style   http   color   io   os   ar   sp   数据   on   

接着上一篇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服务器断分页

标签:style   http   color   io   os   ar   sp   数据   on   

原文地址:http://blog.csdn.net/baicp3/article/details/40260041

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!