用addRowData添加一行后的jqGrid分页器问题

Question

var index = 'id';
var ajaxResponse = [{id: 1, name: 'John', email: 'john@doe.co.uk'}, {id: 2, name: 'Michael', email: 'michael@example.com'}];
$('#grid').addRowData(index, ajaxResponse);

一页一页地添加多行后，寻呼机将不遵守每页限制，寻呼机也会报告第1页（共0页）。

从网格的页脚单击刷新按钮后，我会看到每页正确的行数和正确的页数。

有关如何解决的任何想法？

谢谢。

Answer 1

在添加行jQuery("#grid").trigger("reloadGrid");之后调用刷新

Answer 2

您没有发布使用的完整代码。 所以我只能猜你在做什么。

如果您在ajaxResponse具有用于填充网格的全部数据，则可以使用数据创建网格。 您可以将data: ajaxResponse与gridview: true一起使用。 在这种情况下，将立即创建整个网格：

var mydata = [
        {id: 1, name: 'John', email: 'john@doe.co.uk'},
        {id: 2, name: 'Michael', email: 'michael@example.com'}
    ];

$("#list").jqGrid({
    datatype: 'local',
    data: mydata,
    colNames: ['Name', 'E-Mail'],
    colModel: [
        {name: 'name', width: 100},
        {name: 'email', width: 150}
    ],
    rowNum: 5,
    rowList: [5, 10, 20],
    pager: '#pager',
    gridview: true,
    rownumbers: true,
    sortname: 'name',
    sortorder: 'desc',
    caption: 'Just simple local grid',
    height: 'auto'
});

（请参见此处的演示）

如果您从服务器以JSON格式获取数据，如下所示

[
    {"id": 1, "name": "John",    "email": "john@doe.co.uk"},
    {"id": 2, "name": "Michael", "email": "michael@example.com"}
]

您可以将url参数设置为提供数据并使用的服务器URL

$("#list").jqGrid({
    url: 'Nicolae2.json',
    datatype: 'json',
    jsonReader: {
        repeatitems: false,
        root: function (obj) { return obj; },
        page: function () { return 1; },
        total: function () { return 1; },
        records: function (obj) { return obj.length; }
    },
    loadonce: true,
    colNames: ['Name', 'E-Mail'],
    colModel: [
        {name: 'name', width: 100},
        {name: 'email', width: 150}
    ],
    rowNum: 5,
    rowList: [5, 10, 20],
    pager: '#pager',
    gridview: true,
    rownumbers: true,
    sortname: 'name',
    sortorder: 'asc',
    caption: 'Just simple local grid',
    height: 'auto'
});

直接从服务器填充每个Ajax的网格。 您必须提供正确的排序数据的唯一限制。 因此，我将上一个示例的sortorder: 'desc'更改为sortorder: 'asc' 。 在这里查看第二个演示。