jquery - Flexigrid 不分页

Question

我有一个 jQuery flexigrid，它在第一页上显示 15 项中的 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));
        });
    }, 
});

Answer 1

我猜你的 /lists/load/ url 一次返回所有 12 个项目。FlexiGrid 不支持客户端分页（这很糟糕……但他们不支持）。他们希望您在服务器端实现分页。因此，如果 rp 为 10 且 page = 1，则返回结果 1 到 10。如果 rp 为 10 且 page = 2，则返回结果 11 到 20。排序也是如此。Flexigrid 会将排序参数传递给您，您需要在服务器端进行排序并返回排序后的数据。