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