在 MVC 编辑器模板中为 List<> 模型应用偶数/奇数样式答案

【问题标题】：Apply even/odd style in MVC editor template for List<> model在 MVC 编辑器模板中为 List<> 模型应用偶数/奇数样式
【发布时间】：2011-09-08 11:13:10
【问题描述】：

我正在尝试将一些奇数/偶数样式应用于由 ASP.NET MVC 3 中的 Razor 编辑器模板呈现的数据行。

这是我可能的视图的一些基本代码：

@model List<MyProject.Whatever>

@Html.EditorFor(Model)

这里是可能的编辑器模板：

@model MyProject.Whatever

<div class="@( AnIInAnEvenOrOddRow ? "even" : "odd" )">
  @Model.SomeData @Html.TextBoxFor(m => m.SomeTextToType)
</div>

有人知道如何从编辑器模板中检测偶数/奇数情况吗？

干杯...

【问题讨论】：

标签： asp.net-mvc-3 editortemplates mvc-editor-templates

【解决方案1】：

我总是解释数据行==@WebGrid女巫已经包含该功能，您也可以轻松地implement paging and sorting，为什么不使用它？

如果您仍想手动完成所有操作，可以使用类似

@{
    int iRow = 0;
}

@forach( var item in Model )
{
    iRow++;
    <div class="@( iRow % 2 == 0 ? "even" : "odd" )">
        @Model.SomeData @Html.TextBoxFor(m => m.SomeTextToType)
    </div>
}

更新

WebGrid 助手就像它在webforms 中的表亲gridview 一样是完全可定制的，如果你之前做过webforms，你知道你可以简单地添加一个templatecolumn 并附加任何内容你喜欢的控件，WebGrid Helper 是一样的，比如this fine article:

@grid.GetHtml(        
    columns: grid.Columns(
        grid.Column(
             "Title", 
             "Movie", 
             @<text><div style='width: 10em'>@item.Title</div></text>), ...

【讨论】：

感谢您提出替代方案...使用 webgrid 的案例的代码是什么？
你在我发布的关于实现分页的链接中有它
也许是我……我在文章中找不到它（网格内包含可编辑数据的示例，如文本框）。