使用 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

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

如果您在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'
});

（见演示here）

如果你像这样从服务器获取 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'。见第二个演示here。

Answer 2

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