在 jquery 网格上设置行样式

Question

我在 asp.net mvc 上使用 jqgrid...我有一个特定的要求....网格中的数据是要在每一行上设置的值列表...并且每一行都有一个日期列...在显示网格时，我想要在星期日和星期六使用不同的行颜色..而其余的行是白色的..如何在 jquery jqgrid 中实现这一点？

Answer 1

您可以根据 jqGrid 的 setCell 方法（参见 this answer 示例）或 jQuery.addClass、jQuery.css（参见 this 和 this）在网格中“添加颜色”。您应该在加载网格包含之后执行此操作，例如，在您的 loadComplete 事件处理程序中。

如果您想在单元格上设置background-color 样式，您应该了解一个小问题。用于每个网格行的 'ui-widget-content' 类已经定义了每个 background 样式的 background-color（！！！不是每个 background-color）。因此，要产生效果，您应该通过以下方式更改 one 中的background-color 样式：1）只需使用background: yellow 而不是background-color: yellow（参见this）。 2) 删除带有jQuery.removeClass('ui-widget-content') 的'ui-widget-content' 类（参见this）； 3) 更明确地更改行的样式，如$("#"+rowid)[0].style.backgroundColor = "yellow"（以this 为例）。选择您喜欢的方式。