时间:2021-07-01 10:21:17 帮助过:14人阅读
使用 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;相关推荐:
JQuery.dataTables表格插件跳转到指定页实例分享
jquery DataTable前后台动态分页实现方法分享
关于jQuery Datatable 多个查询条件自定义提交事件示例分享
以上就是jquery dataTable 后台加载数据并分页的详细内容,更多请关注Gxl网其它相关文章!