jqGrid本地数据排序丢失信息

Question

好吧，我正准备撕掉我的头发。我正在加载带有 JSON 数据的 jqGrid，但将“loadonce”设置为 true，以将其保留在本地。当我只显示列的默认内容时，排序工作正常，但我需要的是，某些列使用另一列中的信息来修改显示的内容。例如，我不想将“设备”和“型号”列显示在同一列下，例如“设备 - 型号”，并且为此使用自定义格式化程序。

问题是，在这种情况下，当我进行排序时，我丢失了“模型”信息，并且它变得“未定义”。这是我的代码的一部分：

mdlTable = tableWrap.jqGrid({
    url: loadURL,
    datatype: 'json',
    colNames: ['ID', 'Device', 'Description', 'IP', 'Model'],
    colModel: [
        {name:'id', index:'id', hidden:true, key:true},
        {name:'device', index:'device', width:192,
            formatter:function(value, options, rData){
                var str = "<a href='/administration/mdl/vwDevice.aspx?device_id=";
                str += rData[0] + "' target='_blank'>" + value;
                if ('' != rData[4]) str += " - " + rData[4];
                str += "</a>";
                return str;
            }
        },
        {name:'desc', index:'desc', width:256, sortable:false},
        {name:'ip', index:'ip', width:96},
        {name:'model', index:'model', hidden:true}
    ],
    sortname: 'id',
    viewrecords: true,
    loadonce: true,
    viewsortcols: [true,'vertical',true],
    gridview: true,
    ignoreCase: true
})
.navGrid('#deviceList_footer', {edit:false, add:false, del:false, cloneToTop:true});

正如您所看到的，我隐藏了型号列，并将该信息“移动”到设备列，因为那是它应该显示的位置。加载时一切都很好，但是一旦我进行排序或搜索并按原样刷新视图，数据的“副本”就会由于某种原因丢失。如果我显示模型列，那里的信息仍然很好，只是设备列获得“未定义”值。

我尝试触发“reloadGrid”，但没有帮助。我还尝试添加 unformat 功能，但我不确定在那里能做什么。我基本上只是返回了 $(cellobject).html() - 这显然不起作用。

编辑：添加示例 JSON 数据

{ "rows" : [{
        "id" : "181",
        "cell" : ["181", "Router A", "some description", "55.444.33.222", "Model 1"]
    }, {
        "id" : "291",
        "cell" : ["291", "Router B", "some description", "55.333.22.444", "Model 2"]
    }, {
        "id" : "1346",
        "cell" : ["1346", "Router C", "some description", "55.111.44.333", "Model 3"]
    }, {
        "id" : "1999",
        "cell" : ["1999", "Router D", "some description", "55.222.11.000", "Model 4"]
    }
]}

Answer 1

问题是，一开始自定义格式化程序的第三个参数是数组类型，后来不再是数组类型。因此，您必须将格式化程序修改为类似的内容

formatter: function(value, options, rData){
    var model = '',
        str = "<a href='/administration/mdl/vwDevice.aspx?device_id=" +
              value + "' target='_blank'>" + value;
    if ($.isArray(rData)) {
        model = rData[4];
    } else {
        model = rData.model;
    }
    if (model) {
        str += " - " + model;
    }
    str += "</a>";
    return str;
}

然后排序才会起作用：请参阅此处< /a>.

还有一点提示。您使用 id 列的 key:true 属性。在这种情况下，您不需要两次包含相同的 id 值。您可以将 JSON 数据简化为以下内容。

{ "rows" : [
    ["181", "Router A", "some description", "55.444.33.222", "Model 1"],
    ["291", "Router B", "some description", "55.333.22.444", "Model 2"],
    ["1346", "Router C", "some description", "55.111.44.333", "Model 3"],
    ["1999", "Router D", "some description", "55.222.11.000", "Model 4"]
]}

为了能够读取新的 JSON 格式，jqGrid 中的唯一更改是附加参数 jsonReader: {cell:''}。请在此处查看结果。