jqGrid altRows - 每两行

Question

我正在输出一个 jqGrid 并且需要交替行颜色，但不是常见的每隔一行，我需要每隔两行交替一次。两排一种颜色，然后是两排另一种颜色，然后切换回第一种颜色，依此类推...

这是我需要实现的示例...

示例网格：

+-------------------+
| row color 'black' |
| row color 'black' |
| row color 'white' |
| row color 'white' |
| row color 'black' |
| row color 'black' |
| row color 'white' |
| row color 'white' |
+-------------------+

似乎除了 jqGrid 的 altRows 和 altclass 之外，它肯定还有更多。

想法？

谢谢。

Answer 1

这是一个有趣的问题！一般来说，rowattr 回调是为行分配属性（例如类属性）的最佳方式，但在 jqGrid 的当前实现中，rowattr 回调没有关于行索引的信息。所以必须在loadComplete 中设置altclass。

要设置标准altclass，可以使用以下

loadComplete: function () {
    $(this).find(">tbody>tr.jqgrow:visible:odd").addClass("myAltRowClass");
}

您可以在交替 TreeGrid（参见 the answer）或 Grouping 的情况下使用代码。

如果您需要每两行交替，那么您可以使用自定义filter 而不是:odd。例如the demo 使用

loadComplete: function () {
    $(this).find(">tbody>tr.jqgrow:visible")
        .filter(function (i) {
            return i % 4 >= 2;
        })
        .addClass("myAltRowClass");
}

它会显示以下网格