如何从 jqGrid 列获取单元格值以对背景色进行条件格式设置

Question

我正在使用 jqGrid 树网格，我想根据单元格中的数据值（它是一个整数）来格式化列的背景颜色：

这是一个我设置列的示例：

             {
                 name: 'missingBooks',
                 cellattr: function (rowId, tv, rawObject, cm, rdata) {

                 //conditional formatting
                     if (rawObject[11] > 0) {
                         return 'style="background-color:#FFCCCC"';
                     }
                 },
                 width: 75,
                 unformat: originalValueUnFormatter,
                 formatter: missingBooksFormatter,
                 align: "right",
                 index: 'missingBooks',
                 hidden: false,
                 sorttype: 'int',
                 sortable: true
             },

这工作正常，但我的问题在于cellAttr 回调。在这个条件格式行中：

      if (rawObject[11] > 0) {
                         return 'style="background-color:#FFCCCC"';
                     }

我想重用这个逻辑，所以我不想索引到 rawObject 并找出我正在使用的列。我希望有一种方法可以做这样的事情：

       if (rawObject.missingBooks > 0) {
                         return 'style="background-color:#FFCCCC"';
                     }

但这似乎是未定义的。这样，如果我添加新列，我不必重新索引所有这些条件格式代码。

Answer 1

我明白这个问题。我建议 Tony 对 jqGrid 代码进行一些更改。大多数情况下，修改该位置 在代码中填充第一个 rd，然后在下一个 for 循环中调用 addCell，并将 rd 作为附加参数。函数 addCell 可以将信息转发给 formatCol，而 formatCol 可以使用附加参数 rd 调用 cellattr 其中的信息格式与您想要的格式完全相同。

尽管如此，无需对 jqGrid 代码进行任何更改，就可以相对轻松地获得几乎与您所需相同的结果。要做到这一点，只需构造一个地图对象，它可以根据名称为我们提供 rawObject 中列的索引。

例如，如果地图尚未填充，我们可以使用 beforeRequest 或 beforeProcessing 来填充地图。代码可以看起来像

var colMap = {};
$("#tree").jqGrid({
    ...
    colModel: [
        {name: 'missingBooks',
            cellattr: function (rowId, tv, rawObject, cm, rdata) {
                //conditional formatting
                 if (Number(rawObject[colMap.missingBooks]) > 0) {
                     return ' style="background-color:#FFCCCC"';
                 } else {
                     return '';
                 }
            }
            ...
    ],
    beforeRequest: function () {
        if ($.isEmptyObject(colMap)) {
            var i, cmi,
                cm = $(this).jqGrid('getGridParam', 'colModel'),
                l = cm.length;
            for (i = 0; i < l; i++) {
                cmi = cm[i];
                colMap[cmi.name] = i;
            }
        }
    }
});

这样，代码将不再使用像 rawObject[11] 这样的索引，其中索引 11 可以在代码中进行一些修改后更改。

您可以在此处查看相应的演示。