jQuery DataTable两种模式:前台(paging)和后台(serverSide)的分页踩坑记录


DataTables有两种基本的工作模式可供选择:
1、客户端处理模式——此模式下如:过滤、分页、排序的处理都在浏览器中进行。
2、服务器端处理模式——此模式下如:过滤、分页、排序的处理都放在服务器端进行。
这次在使用ACE模板时,发现有这个功能,所以试用了一下。结果遇到了好多坑,傻傻跌了进去(业余水平的无奈),花了不少周末时间的代价,最终都成功了。
本次调试主要参考手册为http://datatables.club/reference/
一、在调试前台分页时,引用的datatable文件版本过低,造成前台无法分页(页码也不出现)。修改各个参数设置后测试,都无法实现分页。google百度无数,最后还是无意中看了一下引用文件,结果发现不是最新版本的(未记录具体版本)。后续更换成最新版,分页页码一下子就出来了。
二、后台分页调试是,明明按照说明,设置了ajax生成数据包含'draw'、'recordsTotal'、'recordsFiltered'、'data',前端的页码死活只有一页,测试了各个option参数设置,查阅了文档都未成功。后面从网上下载了一个可以正常分页例子学习,也是无意中发现recordsFiltered的数值和recordsTotal一致,马上联想到是否这里出问题,结果一试就成功。
贴上recordsFiltered官方说明

过滤后的总记录数(如果有接收到前台的过滤条件,则返回的是过滤后的记录数,而不仅仅是当前页的记录数)

简单的说recordsFiltered的数值是用来计算分页的页数的

声明:Alber.F|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - jQuery DataTable两种模式:前台(paging)和后台(serverSide)的分页踩坑记录Alber.F


医疗器械体外诊断行业的行业从业者,产品生命周期内产品合规管理