SpringMVC+JPA+EasyUI 服务端分页

问题：SpringMVC+JPA支持分页，easyui也支持服务端分页，但用JPA封装的VO同easyui交互时却不能顺利分页。

方案：通过easyui中datagrid的onSelectPage事件来捕获分页，并灌录数据。

一. 触发方法JS

function SearchTable(_pageNumber, _pageSize){
var dg =$('#table');
var pager =dg.datagrid('getPager');

//查询条件写在这里,需附带页码信息
$.post('${ctx}/action/list', {page:_pageNumber-1,size:_pageSize}, function(data) {

$('#table').datagrid('loadData', data.content);

//注意此处从数据库传来的data数据有记录总行数的total列
var _total = data.totalElements;
pager.pagination({
//更新pagination的导航列表各参数
total: _total,//总数
pageSize: _pageSize,//行数
pageNumber: _pageNumber//页数
});

});
}

二. 定义事件，默认刷新

$(document).ready(function() {
$('#table').datagrid('getPager').pagination({
pageSize: 10, //每页显示的记录条数，默认为10
pageList: [10, 15, 20, 25], //可以设置每页记录条数的列表
onSelectPage: function(pageNumber, pageSize) {
SearchTable(pageNumber, pageSize);//每次更换页面时触发更改
}
});
//默认刷新
SearchTable(1,10);
});

三. 后台请求

@ResponseBody
@RequestMapping(value = { "list", "" })
public Page<VO> list(@PageableDefault(value = 15, sort = { "id" }, direction = Sort.Direction.DESC) Pageable pageable, Model model) {
...
return vo;
}

data参数具体属性要看服务端如何封装返回结果集，这里仅作示例