如果Angular slickgrid中存在值，如何设置单元格颜色

Question

我正在使用 Angular slickgrid，如果该值存在于该单元格中，我想更改该单元格的颜色。

注意：我只想要单元格而不是整行的颜色。

有没有最好的方法来遍历所有的单元格并设置颜色或任何等效的解决方案？

我需要根据数据显示不同的单元格颜色。如果数据来自服务器并且未更改（不脏），则为红色。如果数据被编辑或添加新行（脏），则单元格颜色将为蓝色。我已经更新了问题。

    function renderCellWithColor(cellNode, row, dataContext, colDef) {
  if (dataContext[colDef.field] != ""){
    $(cellNode).addClass("requiredClass"))
  }
}

我正在使用enableAsyncPostRender 使用此功能。如果我编辑或添加新行，这将不起作用。

Answer 1

在列定义上使用选项cssClass 或使用自定义格式化程序返回FormatterResultObject 之后的对象，请参阅Wiki Custom Formatter - FormatterResultObject - Wiki 和sample - Wiki，FormatterResultObject 具有将CSS 类应用于单元格容器通过属性addClasses 并使用格式化程序对象是访问单元格容器的唯一方法。