jqGrid 自定义格式在 addClass 上失败

Question

我从 json 填充一个新网格 使用自定义格式化程序 格式化程序已定义：

testFormatter(value,el,opts)
{
     if (value==0)
     {
          $(el).addClass("Fail");
     }
     …
}

我希望单元格使用 css 类 但如果我检查单元格，它们不会添加该类。

Answer 1

您犯了使用自定义格式化程序的典型错误。重要的是要了解，如果网格包含将创建为字符串，则 jqGrid 具有最佳性能。在这种情况下，gridview:true 可以为您提供性能。任何 自定义格式化程序 都应该在 gridview 中工作： true 模式，因此自定义格式化程序没有参数，即 DOM 元素，因此您不能使用诸如 $(el).addClass("Fail");$(el).addClass("Fail");

在一些旧答案中（请参阅此处和这里）您可以找到如何解决问题，但我建议您使用jqGrid 4.0.0的新功能：cellattr选项。为了理解：自定义格式化程序的目的不是添加一些 HTML 属性，例如类。例如，它应该用于将一些通用日期格式（如 yyyy-mm-dd）转换为本地化形式（如 dd.mm.yyyy（德国风格））。如果您不想更改列的格式，而只想添加一些属性，例如title（用于工具提示）、class（就像您的情况一样），style 等等新的 cellattr 选项就是您所需要的。

在您的情况下，您可以定义

cellattr: function(rowId, cellValue, rawObject, cm, rdata) {
    if (cellValue==0) {
        return ' class="Fail"';
    }
}

查看一个小演示此处：

在演示中，我添加了 calsses ui-state-error 和 ui- state-error-text 到 'Client' 列的所有单元格，其中在 'Closed' 中设置了复选框。