javascript - easyui+spring data JPA 实现分页

Question

上图是直接运行url得到的json数据

上图是运行整个项目，页面中没有显示的数据。而且使用开发者工具查看时出现这个错误。。。（前台使用生物easyui）

后台代码

@RequestMapping(value = "/displayAll",method = RequestMethod.GET)
    public Page<Department> findAllDepartments(@RequestParam(value = "page")Integer page, @RequestParam(value = "rows")Integer size){
//        Sort sort  = new Sort(Sort.Direction.DESC,"id");
//    Pageable pageable = new PageRequest(page,size,sort);
        System.out.println("page:"+page+"rows:"+size);
        Pageable pageable = new PageRequest(page-1,size);
        return this.departmentService.findAllDepartment(pageable);

    }

前台代码：

 $(function () {
            $('#tt').datagrid({
                title:'增删改查模板表',
                iconCls: 'icon-ok',
                toolbar:'#toolbar',
//                只要这里一改成get方式
                method:'get',
                url:'/displayAll',
                width: 500,
                height: 300,
                singleSelect: true,
                rowNumbers: "true",//显示行号
                remoteSort: false,//对本地数据进行排序
                fitColumns:true,//自适应表格大小
                frozenColumns: [[{ field: "chk", "checkbox": true}]],//单选框
                columns: [[
                    {field: 'id', title: '编号', width: 70, align: 'center'},
                    {field: 'departmentName', title: '学院', width: 80, align: 'center'}
                ]],
                pagination: "true",//分页
            });
            //分页用的获取datagrid中的详细内容，后台只需要获取easyui自动提供pages和rows（我好像需要一个rows）即可。
            var p = $('#tt').datagrid('getPager');
            $(p).pagination({
                showPageList:false,
                beforePageText: '第',//页数文本框前显示的汉字
                afterPageText: '页    共 {pages} 页',
                displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录',
                onBeforefresh:function () {
                    $(this).pagination('loading');
                    alert('before refresh');
                    $(this).pagination('loaded');

                }
            });
        });

Answer 1

easyui datagrid 需要的数据可以是一个模型数组，也可以是一个包含 rows 和 total 的对象。

如果你在客户端分页，直接返回包含所有数据的数组应该就可以了。

如果你是在服务器端分页，就需要返回当前页的 rows 和总数据条数 total，比如官方给的示例数据：