C# MVC3 Razor 在@foreach 列表中交替项目？

Question

在 MVC3 中，如何在使用 Razor View 引擎时在 @foreach 列表上创建交替行颜色？

@foreach (var item in Model) {    
    <tr>
        <td>@item.DisplayName</td>
        <td>@item.Currency</td>
        <td>@String.Format("{0:dd/MM/yyyy}", item.CreatedOn)</td>
        <td>@String.Format("{0:g}", item.CreatedBy)</td>
        <td>@Html.ActionLink("Edit", "Edit", new { id = item.Id })</td>
    </tr>
}

Answer 1

假设您不想使用 CSS(即 :nth-child(odd))，您可以:

• 使用普通的 for 循环:

  @for (int i = 0; i < Model.Count; i++)
  {
      ...
  }
  

• 使用.Select:

  @foreach (var item in Model.Select((x, i) => new { Data = x, Index = i }))
  {
      ...
  }
  

无论哪种方式，您都可以访问当前索引，然后可以使用 i % 2 == 1 作为背景颜色的条件。像这样的东西:

<tr style="background-color:@(i % 2 == 1 ? "red" : "white")">...</tr>