您好,欢迎来到图奈娱乐。
搜索
您的当前位置:首页jquerydataTable后台加载数据并分页

jquerydataTable后台加载数据并分页

来源:图奈娱乐


本文主要介绍了jquery dataTable 后台加载数据并分页实例代码,具有一定的参考价值,有兴趣的可以了解一下,希望能帮助到大家。

使用 dataTable后台加载数据并分页。网上版本很多,但很多都是不能用或者不详细的,这里是已经验证过的。

引用 js文件



添加一个table 标签,<tbody></tbody> 可以不用,可以动态加载


关键的JS代码:


后台代码:


 // 获取前端过来的参数,下面三个参数是 dataTable默认的,不要随便更改 
 Integer sEcho = Integer.valueOf(params.get("sEcho"));// 记录操作的次数 每次加1 
 Integer iDisplayStart = Integer.valueOf(params.get("iDisplayStart"));// 起始 
 Integer iDisplayLength = Integer.valueOf(params.get("iDisplayLength"));// 每页显示的size 
 
 Map<String, Object> map = new HashMap<String, Object>(); 
 try { 
 // 查询数据,分页的话我这边使用的是 PageHelper,这边不介绍了 
 PagedResult<PushEntity> list = pushEntityService.findByUserId( 
 pushUser.getId(), iDisplayStart, iDisplayLength); 
 
 // 为操作次数加1,必须这样做 
 int initEcho = sEcho + 1;


 //返回参数也是固定的 
 map.put("sEcho", initEcho); 
 map.put("iTotalRecords", list.getTotal());//数据总条数 
 map.put("iTotalDisplayRecords", list.getTotal());//显示的条数 
 map.put("aData", list.getDataList());//数据集合 
 } catch (Exception e) { 
 e.printStackTrace(); 
 } 
 
 return map;

Copyright © 2019- tnml.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务