jqGrid—重新加载数据

Question

我正在尝试向我的数据源添加一个项目，然后根据this answer 重新加载网格。网格加载正常。 addItemToGrid 被调用了几次，我正在验证底层 tableSrc 对象是否被添加，但网格保持不变。

    var tableSrc = { "rows": [
        { "title": "Title1", "subtitle": "subTitle", "authors": ["a1", "a2", "a3"] },
        { "title": "Title2", "subtitle": "subtitle", "authors": ["X", "Y"] },
        { "title": "Title3", "subtitle": "subTitle", "authors": ["1", "2", "3", "4"]}]
    };

    targetGrid = $("#jqGridElement").jqGrid({
        datastr: tableSrc,
        jsonReader: { repeatitems: false },
        datatype: "jsonstring",
        colNames: ['title', 'subtitle'],
        colModel: [
            { name: 'title', index: 'title', width: 55 },
            { name: 'subtitle', index: 'subtitle'}],
        height: 'auto',

        gridview: true
    });

    function addItemToGrid() {
        tableSrc.rows.push({ "title": "NEW", "subtitle": "HELLO", "authors": ["1", "2", "3", "4"] });
        $("#jqGridElement").trigger('reloadGrid');
        //$("#jqGridElement").jqGrid('reloadGrid');
    }

Answer 1

首先，声明 $("#jqGridElement").trigger('GridUnload') 什么都不做，因为没有名称为 'GridUnload' 的事件。 jqGrid 当前支持的唯一事件是'reloadGrid'。该事件支持您可能感兴趣的附加参数（请参阅here）。调用$("#jqGridElement").trigger("reloadGrid", [{current:true}]);会刷新网格，但不会改变用户的选择。

如果你需要在“new style API”中调用GridUnload，它应该看起来像

$("#jqGridElement").jqGrid('GridUnload');

调用GridUnload 方法后，将重新创建作为jqGrid 基础的table 元素。因此，如果您将$("#jqGridElement") 保存在一个变量中（例如var gridObj = $("#jqGridElement")），您应该刷新该值（使用赋值gridObj = $("#jqGridElement")）。

现在谈谈你的主要问题。如果您需要在网格中添加新列或在旧网格的位置上创建另一个网格，GridUnload 方法非常有用。 （以the answer 或this one 为例）。如果您需要在现有网格中添加一行数据，您可以使用 addRowData 例如。

对您来说真正重要的是要了解每一行的 id 用法（<tr> 元素）。如果您不想自己管理 id，您可以在 addRowData 方法中使用 undefined 作为 rowid。在这种情况下，$.jgrid.randId() 方法将在内部用于为新行生成唯一 id。