在jquery网格上设置行样式

Question

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

Answer 1

您可以根据jqGrid的setCell方法（请参阅this answer作为示例）或jQuery.addClass，jQuery.css在网格中“带来颜色”（请参阅​​{{ 3}}和this）。你应该在之后加载网格包含，例如，在this事件处理程序内部。

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