1

好吧，我正准备把头发扯下来。我正在加载一个带有 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"]
    }
]}
4

1 回答 1

7

问题是自定义格式化程序的第三个参数一开始是数组类型，后来就没有了。所以你必须将格式化程序修改为类似

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;
}

然后排序将起作用：请参见此处。

还有一个提示。您使用列key:true的属性id。如果您不需要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"]
]}

jqGrid 中唯一能够读取新 JSON 格式的变化是附加参数jsonReader: {cell:''}。在这里查看结果。

于 2011-07-12T16:55:54.863 回答