根据另一个 jqgrid 单元格的值设置 jqgrid 单元格中的值

Question

我的 jqgrid 中有一个库 STATUS。

如果状态为活动，我希望同一行中的另一个单元格为绿色。 如果状态为未激活，我希望单元格为红色。

如何做到这一点？

到目前为止，我已经在“图像”行上创建了一个自定义格式化程序：

formatter: function () { return "<img src='../images/red.png'/>" }

Answer 1

在 jqGrid 中有多种实现方式：

• cellattr 用于设置单元格的类或样式（参见here 或here）
• custom formatter 的用法（见here）
• setCell 的用法（见here）
• 使用beforeProcessing方法修改服务器返回的数据。以您可以实现任何计算列的方式。如果需要，该列的值可以是 HTML 片段。

我建议您使用cellattr 或beforeProcessing 方法或两者结合。您可以考虑使用背景图片代替<img>。 cellattr 方法的最大优点是您可以在单元格内放置其他信息，例如颜色，并使用相应的格式化程序格式化另一个数据。因此，您可以继续使用“数字”或“日期”格式器，并在同一单元格中添加一些颜色效果。

CSS 的可能性非常强大。作为示例，我可以参考the answer，它演示了如何实现漂亮的渐变效果。

无论如何，我建议您阅读the answer，其中讨论了在单元格上设置不同样式和类的优缺点。