ASP.NET MVC 3助手中的Tab顺序

Question

如何将Tab Order属性用于以下代码:

<td>
    @Html.EditorFor(model => model.Cost)                
</td>

我试过这个:

<td tabindex=1>
    @Html.EditorFor(model => model.Cost)                
</td>

有什么建议？

Answer 1

您还可以在帮助程序本身中指定相同的html属性,如下所示.

@Html.TextBoxFor(model => model.Cost, new { tabindex = 1 })

Answer 2

与@ Stuy1974的正确答案形成鲜明对比的是,如果您不想离开EditorFor解决方案,那么您将不得不连接自己的编辑模板.

@ModelType SomeApp.ViewModels.SomeNiftyViewModel 

// be sure to include the TabIndex info in the ViewModel
@Html.TextBoxFor(model => model.Cost, new { tabindex = model.TabIndex })

您还可以使用已直接传递给编辑器模板的ViewData参数,而不是将选项卡索引添加到模型中:

// In the main view
@Html.EditorFor(model => model.Cost, new { TabIndex = 3 })

// In the editor template
@{ int tabIndex = (ViewData["TabIndex"] as int?) ?? 0; }
@Html.TextBoxFor(model => model, new { tabindex = tabIndex })