JQuery EasyUI Grid 分页

原创
2011/06/03 21:59
阅读数 1.2W

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

首先定义一个DataGrid:

$('#tt').datagrid({
                    fit:true,
                    pageNumber:1,
                    pageList:[10,20,50],
                    url:'${pageContext.request.contextPath}/branch_office/list/json.htm',
                    nowrap: false,
                    striped: true,
                    collapsible:true,
                    remoteSort: false,
                    columns:[[
                            {title:'名称',field:'name',width:300,sortable:true,sorter:function(a,b){ return (a>b?1:-1);}},
                            {title:'创建时间',field:'createTime',width:150,sortable:true,sorter:function(a,b){ return (a>b?1:-1);}},
                            {title:'修改时间',field:'modifyTime',width:150,sortable:true,sorter:function(a,b){ return (a>b?1:-1);}}
                        ]],

                    pagination:true,
                    singleSelect:true,
                    rownumbers:true
                });
在Spring MVC 的Controller 中的方法,返回Json格式的数据:

@RequestMapping(value = "/branch_office/list/json", method = RequestMethod.POST)
    public
    @ResponseBody
    Map<String, Object> getJson(int page, int rows, Map<String, Object> map) {
        //DataGrid 会向 请求Json 的地址以POST方法发送2个参数:page(当前页码)和rows(每页显示记录数)
        //获取分页数据
        List<BranchOfficeViewObject> branchOfficeVOList = iBranchOfficeService.showList(page, rows);

        //获取总记录数
        int totalRows = iBranchOfficeService.getTotalRows();

        map.put("total", totalRows);
        map.put("rows", branchOfficeVOList);

        //返回指定格式的Map,Jackson会把Map转换未Json
        return map;
    }

 

 

展开阅读全文
打赏
2
12 收藏
分享
加载中
你好,我用的是jQuery EasyUI 1.3.2,获取分页参数时,rows能获取到,但page参数始终都是空的。求指教!
2013/01/31 12:06
回复
举报
ext 能重构分页条吗?比如能修改这些参数 比如rows修改为pageSize,或者post相应的参数也有rows,ext能修改rows修改为resultList吗?求指教!
2012/11/13 21:54
回复
举报

引用来自“柳天俊”的评论

引用来自“超级奶爸老谭!”的评论

引用来自“柳天俊”的评论

你好,那分页的时候这2个参数是怎么传到后台的,另外后台怎么用着2个参数,我是用struts1做的这个,刚接触这个插件,麻烦你能跟我说说吗,如果可以的话可以写一个完整的demo到我邮箱不,谢谢。 mhliuyunbing@163.com

你好,page和rows这两个参数是以POST的方式提交的,参数名称就叫page和rows,你直接用request获取,就可以了。

那这两个参数获取到以后是用在mysql分页的limit关键字后的2个参数上的吗,我不大懂,这2两个参数,也不知道怎么用,我能获取到,知道这2个参数是插件封装好的,直接就往后台传的,但是不知道怎么用,大神可不可以麻烦做个小demo。

对,如果是mysql,你传入一个rows * page, rows 即可。例如,page为2,每页记录数rows为10,那么就是找出从第 (2 - 1) * 10 = 10 条记录开始,截取10条记录,

select * from table limit (2 - 1) * 10, 10

我现在暂时没有做java的项目,所以没办法给你发demo,你有问题可以在这里问题。
2012/07/04 21:40
回复
举报

引用来自“超级奶爸老谭!”的评论

引用来自“柳天俊”的评论

你好,那分页的时候这2个参数是怎么传到后台的,另外后台怎么用着2个参数,我是用struts1做的这个,刚接触这个插件,麻烦你能跟我说说吗,如果可以的话可以写一个完整的demo到我邮箱不,谢谢。 mhliuyunbing@163.com

你好,page和rows这两个参数是以POST的方式提交的,参数名称就叫page和rows,你直接用request获取,就可以了。

那这两个参数获取到以后是用在mysql分页的limit关键字后的2个参数上的吗,我不大懂,这2两个参数,也不知道怎么用,我能获取到,知道这2个参数是插件封装好的,直接就往后台传的,但是不知道怎么用,大神可不可以麻烦做个小demo。
2012/07/04 16:16
回复
举报
那这两个参数获取到以后是用在mysql分页的limit关键字后的2个参数上的吗,我不大懂,这2两个参数,也不知道怎么用,我能获取到,知道这2个参数是插件封装好的,直接就往后台传的,但是不知道怎么用,大神可不可以麻烦做个小demo。
2012/07/04 16:16
回复
举报

引用来自“柳天俊”的评论

你好,那分页的时候这2个参数是怎么传到后台的,另外后台怎么用着2个参数,我是用struts1做的这个,刚接触这个插件,麻烦你能跟我说说吗,如果可以的话可以写一个完整的demo到我邮箱不,谢谢。 mhliuyunbing@163.com

你好,page和rows这两个参数是以POST的方式提交的,参数名称就叫page和rows,你直接用request获取,就可以了。
2012/07/03 21:03
回复
举报
你好,那分页的时候这2个参数是怎么传到后台的,另外后台怎么用着2个参数,我是用struts1做的这个,刚接触这个插件,麻烦你能跟我说说吗,如果可以的话可以写一个完整的demo到我邮箱不,谢谢。 mhliuyunbing@163.com
2012/07/03 15:36
回复
举报
更多评论
打赏
7 评论
12 收藏
2
分享
返回顶部
顶部