微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

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

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

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

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

我通过 enableAsyncPostRender 使用此函数。如果我编辑或添加新行,这将不起作用。

解决方法

在列定义上使用选项 cssClass 或使用自定义格式化程序返回 FormatterResultObject 后面的对象,请参阅 Wikis Custom Formatter - FormatterResultObject - Wikisample - Wiki,{{1} } 的优点是通过属性 FormatterResultObject 将 CSS 类应用于单元格容器,并且使用格式化程序对象是访问单元格容器的唯一方法。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。