JQuery EasyUI Grid 分页

以下示例使用JQuery Easy UI、Spring MVC：

首先定义一个DataGrid：

1$('#tt').datagrid({
2                    fit:true,
3                    pageNumber:1,
4                    pageList:[10,20,50],
5                    url:'${pageContext.request.contextPath}/branch_office/list/json.htm',
6                    nowrap: false,
7                    striped: true,
8                    collapsible:true,
9                    remoteSort: false,
10                    columns:[[
11                            {title:'名称',field:'name',width:300,sortable:true,sorter:function(a,b){ return (a>b?1:-1);}},
12                            {title:'创建时间',field:'createTime',width:150,sortable:true,sorter:function(a,b){ return (a>b?1:-1);}},
13                            {title:'修改时间',field:'modifyTime',width:150,sortable:true,sorter:function(a,b){ return (a>b?1:-1);}}
14                        ]],
15
16                    pagination:true,
17                    singleSelect:true,
18                    rownumbers:true
19                });

在Spring MVC 的Controller 中的方法，返回Json格式的数据：

1@RequestMapping(value = "/branch_office/list/json", method = RequestMethod.POST)
2    public
3    @ResponseBody
4    Map<String, Object> getJson(int page, int rows, Map<String, Object> map) {
5        //DataGrid 会向 请求Json 的地址以POST方法发送2个参数：page（当前页码）和rows（每页显示记录数）
6        //获取分页数据
7        List<BranchOfficeViewObject> branchOfficeVOList = iBranchOfficeService.showList(page, rows);
8
9        //获取总记录数
10        int totalRows = iBranchOfficeService.getTotalRows();
11
12        map.put("total", totalRows);
13        map.put("rows", branchOfficeVOList);
14
15        //返回指定格式的Map，Jackson会把Map转换未Json
16        return map;
17    }