jQuery datatable 分页
2016-08-12 12:10
190 查看
1、前台以userInfo.js为例 var tableInit 的aLengthMenu属性设置分页 [[2,15,15, 20, -1] "iDisplayLength" : 2, 设置值与[[2,15,15, 20, -1] 第一个值一致 "bStateSave":true,设置为true,这样可以防止假如已经访问到第5页,ctrl+F5 后又回到第一 页 "sAjaxSource" : "listPagingUser?rand="+ Math.random(),设置成分页url 当点击上一页下一页动作时自动向后台发送listPagingUser请求并把很多参数传过去,具体有哪些可用 浏览器debug工作查看,分页用到的有iDisplayLength 、iDisplayStart 当切换每页显示多少条时,也会自动触发"listPagingUser请求 2、后台以UserController为例 方法listPagingUser List<User> userList = userService.pagination4User(page);根据前台传过来的 iDisplayLength 每页显示多少条 iDisplayStart 从第几条记录开始显示 sEcho 前台传过来后台再原样回传回去(datatable就这么要求的) 具体分页sql见mapper文件 List<User> allUser = userService.listAllUser(); int count = allUser.size();//获取总条数 PageData pd = new PageData(); 然后将下面信息回传到前台,datable根据这些参数完成自动分页、 pd.setIDisplayLength(page.getiDisplayLength()); //每页显示多少条 pd.setIDisplayStart(page.getiDisplayStart());从第几条记录开始显示 pd.setAaData(userList); //分页数据 pd.setITotalDisplayRecords(Integer.toString(count)); //设置为总条数 pd.setITotalRecords(Integer.toString(count)); //设置为总条数 pd.setSEcho(page.getsEcho()); //原样返回 String json = JSON.toJSONString(pd); //搞成json回传到前台
相关文章推荐
- springmvc + jquery datatable + ajax实现服务端动态分页查询
- Jquery.dataTable 分页表格
- jquery datatable分页
- jquery-datatable实现表格加载,分页和删除功能
- jquery datatable服务端分页
- jquery datatable 配合 rails 进行后台分页
- springmvc + jquery datatable + ajax实现动态分页查询
- springmvc + jquery datatable + ajax实现动态分页查询
- jQuery插件 dataTable Ajax分页功能实现
- Jquery的DataTable插件 AJAX 服务器分页的的学习心得(java版)
- 使用JQuery中dataTable展示分页
- 关于jquery.datatable插件从数据库动态读取数据-动态分页
- Jquery的DataTable插件 AJAX 服务器分页的的学习心得(java版)
- jquery datatable 分页,及搜索实现
- jquery.dataTable分页
- jquery datatable分页配置
- jquery datatable服务端分页
- jquery datatable客户端分页
- Jquery的DataTable插件AJAX服务器分页的的学习心得
- jquery-datatable之服务器分页