jqGrid - 根据日期值有条件地格式化单元格

Question

我已经看到了大量关于条件格式的信息，但似乎无法让它发挥作用。当单元格的值（即日期）在过去时，我想将单元格的字体设为红色。

这是我现在所拥有的大致概念：

{
              name: 'IsoDate', index: 'IsoDate', align: 'left', sorttype: 'date', datefmt: "m/d/Y",
              formatter: function (cellvalue, options, rowobject) { var now = new Date(); if (cellvalue < now) { return '<span class="error">' + cellvalue + '</span>'; } else { cellvalue; } }
          }

我似乎无法让它工作。我已经让它返回所有红色值或所有未定义的值。有些字段还没有日期。

如果有任何帮助，我将不胜感激！谢谢！

更新：

这是我使用的最终工作的代码。我实际上是在引用另一列的日期。

cellattr: function (rowid, val, rawObject, cm, rdata) {
                  var idate = new Date(rawObject['IsoDate']);
                  return (idate < new Date()) ? ' class = "ui-state-error-text"' : ' class = "field-validation-green"';
              }

Answer 1

最好使用cellattr 而不是custom formatter。在这种情况下，您仍然可以像formatter: "date" 一样使用predefined formatter，只需在选定的<td> 单元格上设置额外的style 或class 属性。例如，ui-state-error-text 类在我看来是使单元格的字体为红色的好选择。所以列的定义可以是

{
    name: "IsoDate", sorttype: "date",
    formatter: "date", formatoptions: {newformat: "m/d/Y"},
    cellattr: function (cellvalue) {
        return (cellvalue < new Date()) ? ' class="ui-state-error-text"' : '';
    }
}

我不确定您输入了哪些数据以及您发布的代码是否正常工作。如果需要，您可以将上面的代码更改为您拥有的cellvalue的格式。

请参阅the answer、this one、this one 和许多其他的cellattr 用法示例。

Answer 2

您在条件语句中缺少return 关键字。这就是为什么您只看到“红色”值。

用途：

else { return cellvalue; }

代替：

else { cellvalue; }