在没有 JQuery 的情况下更改 Helper WebGrid MVC 中第一行的背景颜色

【问题标题】：Change the background color of the first row in Helper WebGrid MVC without JQuery在没有 JQuery 的情况下更改 Helper WebGrid MVC 中第一行的背景颜色
【发布时间】：2012-04-06 04:23:12
【问题描述】：

我想在不使用 JQuery 的情况下为 MVC 更改 WebHelper WebGrid 中第一行的背景颜色。

有什么想法吗？

【问题讨论】：

标签： model-view-controller webgrid

【解决方案1】：

@model IEnumerable<MyViewModel>

@{
    var indexedModel = Model.Select((item, index) => new { Element = item, Index = index });
    var grid = new WebGrid(indexedModel);
}

@grid.GetHtml(
    columns: grid.Columns(
        grid.Column(
            columnName: "item.MyProperty", 
            header: "Myproperty",
            format: 
                @<text>
                    <div@Html.Raw(item.Index == 0 ? " class=\"firstRow\"" : "")>
                        @item.Element.MyProperty
                    </div>
                </text>
        )
    )
)

在你的 CSS 中：

.firstRow {
    background-color: Red;
}

【讨论】：

哇，Darin 非常感谢，我知道必须有办法不用 JQuery！
对不起@Darin Dimitrov 但是在之后注入了一个
。在这种情况下，我需要整行。
@HarHaHu，抱歉，这是不可能的。 WebGrid 不允许您在<tr> 上设置任何样式。在这种情况下，您唯一的希望是 javascript。

【解决方案2】：

一个建议可能是在每一列的格式参数中，使用基于不同变量的 if-else 情况，该变量将使用 css 将数据包装在跨度中。有点麻烦，但应该可以。

出于这个原因，一些 JQuery 可能会更容易。

【讨论】：