Flexigrid没有分页

时间:2012-08-08 21:33:34

标签: jquery flexigrid

我有一个jQuery flexigrid,它在第一页上显示1-10的项目,但分页不起作用。即当我请求第二页时,数据保持不变。有什么想法吗?

这是配置:

$("#tblLists").flexigrid({
    url: '/lists/load/',
    dataType: 'json',
    colModel : [
        {display: 'Name', name : 'name', width : 900, sortable : true, align: 'left'},
        {display: 'Recipients', name : 'recipients', width : 200, sortable : true, align: 'left'}
        ],
    searchitems : [
        {display: 'Name', name : 'name', isdefault: true}
        ],
    sortname: "name",
    sortorder: "desc",
    usepager: true,
    title: 'Lists',
    useRp: true,
    rp: 10,
    width: 'auto',
    height: 200,
    singleSelect: true,
    onSuccess: function(){
        $('.flexigrid tr').dblclick(function(event){
            console.log($(this).attr('id').substr(3));
        });
    }, 
});

1 个答案:

答案 0 :(得分:5)

我猜你的/ lists / load / url一次返回所有12个项目。 FlexiGrid不支持客户端分页(很糟糕......但他们没有)。他们希望您在服务器端实现分页。因此,如果rp为10且page = 1,则返回结果1到10.如果rp为10且page = 2,则返回结果11到20.同样适用于排序。 Flexigrid将为您传递sort参数,您需要在服务器端进行排序并返回已排序的数据。