用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' 。 在這里查看第二個演示。