jquery dataTable 后台加载数据并分页实例代码

2020-05-23 06:25:46易采站长站整理

"sFirst" : "首页",
"sPrevious" : "上页",
"sNext" : "下页",
"sLast" : "末页"
},
"oAria" : {
"sSortAscending" : ": 以升序排列此列",
"sSortDescending" : ": 以降序排列此列"
}
}
});

//全选
$('table th input:checkbox').on(
'click',
function() {
var that = this;
$(this).closest('table').find(
'tr > td:first-child input:checkbox').each(
function() {
this.checked = that.checked;
$(this).closest('tr').toggleClass('selected');
});

});

});
</script>

后台代码:


// 获取前端过来的参数,下面三个参数是 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;