如何在 mvcjqgrid 中显示具有不同颜色的交替行答案

【问题标题】：how to display the alternate rows with different colours in mvcjqgrid如何在 mvcjqgrid 中显示具有不同颜色的交替行
【发布时间】：2014-12-22 10:42:45
【问题描述】：

jqgrid 并且需要用 2 种颜色显示交替行，请帮助我是 mvcjqgrid 的新手

@(Html.Grid("TermsAndConditions")
                .SetJsonReader(new MvcJqGrid.DataReaders.JsonReader { Id = "PurchaseOrderId", RepeatItems = false })
                .AddColumn(new Column("Template Name").SetKey(true).SetEditable(false).SetSearch(true))
                .AddColumn(new Column("Type").SetAlign(MvcJqGrid.Enums.Align.Center).SetSearch(true).SetSortable(false).SetWidth(65).SetEditable(false))
                        .SetAutoWidth(false)
                        .SetWidth(700)
                        .SetHeight(120)
                        .SetVirtualScroll(true)
                        .SetRowNum(50)
                        .SetViewRecords(true)
                        .SetPager("pager")
                        .SetSearchToolbar(true)
                        .SetSearchOnEnter(false)
                )

【问题讨论】：

标签： jquery asp.net-mvc-4 mvcjqgrid

【解决方案1】：

首先添加一个onLoadComplete事件：

@(Html.Grid("TermsAndConditions")
    ...
    .OnLoadComplete("onLoadComplete()"))

这将调用定义如下的onLoadComplete函数：

<script type="text/javascript">
    function onLoadComplete() {
        $("tr.jqgrow:odd").css("background", "#E0E0E0");
    }
</script>

现在，在每次向服务器发出请求后，都会设置背景颜色。

【讨论】：