datatable1.10服务器断分页

╰半夏微凉° 2022-08-13 11:39 76阅读 0赞

接着上一篇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;

如有疑问欢迎留言。。。。

发表评论取消回复

表情：

评论列表（有 0 条评论，76人围观）

还没有评论，来说两句吧...

相关阅读

相关 datatables+mybatis-pagehelper实现分页

效果: ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

我会带着你远行/ 2023年07月01日 12:55/ 0 赞/ 152 阅读

相关 JS----dataTables分页排序

博客来源：[http://blog.csdn.net/damys/article/details/39076731][http_blog.csdn.net_damys_arti

青旅半醒/ 2022年08月18日 14:11/ 0 赞/ 403 阅读

相关 datatable1.10服务器断分页

接着上一篇datatable1.10的新特性，出于工作需求，我们需要进行服务器端分页。本人还是直接拿代码。。然后给代码加上注释。。如果有疑问可以指点一二。。。 $(doc

╰半夏微凉°/ 2022年08月13日 11:39/ 0 赞/ 77 阅读

相关插件介绍: DataTables 表格分页

官网：英文：[https://datatables.net/][https_datatables.net] 中文：[http://www.datatables.clu

Love The Way You Lie/ 2022年06月15日 12:19/ 0 赞/ 425 阅读

相关将datatable分页

public DataTable GetPagedTable(DataTable dt, intPageIndex, intPageSize)//PageIndex表示第几页，

逃离我推掉我的手/ 2022年06月13日 05:52/ 0 赞/ 363 阅读

相关 datatables实现分页

datatables实现分页分为客户端分页和服务端分页两种，客户端分页很简单，只要把返回的所有数据根据dataSrc设置好就可以了。这里说一下服务端分页的实现。 html

柔光的暖阳◎/ 2022年01月30日 22:37/ 0 赞/ 607 阅读

相关 dataTable 分页失效

如果是用的是Ajax 则需要设置为同步 ![Center][] <div class="row"> <div class="col-md-1

雨点打透心脏的1/2处/ 2021年10月08日 06:34/ 0 赞/ 522 阅读

相关 dataTable 服务端分页（入门级）

简易版 DataTable.js 服务端分页（Java）引入 js 和 css 文件可以直接到官网首页，找到下面图片的位置，点击右边的小箭头按钮，你会看到对应的

叁歲伎倆/ 2021年07月05日 02:59/ 0 赞/ 801 阅读

相关 datatable组件后端分页

官网： [https://datatables.net/][https_datatables.net] [https://datatables.club/][https_d

系统管理员/ 2021年05月12日 11:55/ 0 赞/ 670 阅读

相关 DataTables的服务器端（SpringMVC）分页模式

Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。分页，即时搜索和排序几乎支持任何数据源：

骑猪看日落/ 2021年05月10日 11:18/ 0 赞/ 613 阅读