asp.net mvc - 在Razor中提供备用行样式的最简单方法

Question

给出以下Razor代码:

<tbody>
    @foreach (Profession profession in Model)
    {
        <tr>
            <td>@profession.Name</td>
            <td>@profession.PluralName</td>
            <td>@Html.ActionLink("Edit", "AddOrEdit", new { Id = profession.ProfessionID })</td>
        </tr>
    }
</tbody>

提供某种替代行样式的最简单方法是什么？(即奇数行和偶数行的不同样式.)

我似乎无法添加任意C#来声明一个bool变量,该变量在foreach循环的每次迭代中被翻转以便tr为例如设置类名.

Answer 1

我建议在直接CSS中执行此操作(有关详细信息,请参阅此处):

tr:nth-child(odd)    { background-color:#eee; }
tr:nth-child(even)   { background-color:#fff; }

Answer 2

JQuery可以在客户端做到这一点(我可能会在这里使用客户端脚本而不是服务器逻辑).

 $("tr:odd").css("background-color", "#bbbbff");

您还可以使用一个简单的变量来设置css类(几乎是伪代码):

@foreach (Profession profession in Model)
{
    @i++;
    <td class="@i%2==0?"even":"odd""> 

}