orden de tabulación en ASP.NET MVC 3 Ayudantes

Question

¿Cómo puedo usar la propiedad Orden de tabulación para la siguiente código:

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

He intentado esto:

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

alguna sugerencia?

Answer 1

También puede especificar el mismo atributo html en el propio asistente de la siguiente manera.

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

Answer 2

Desafortunadamente @ Html.EditorFor método no ofrece la posibilidad de añadir atributos HTML. Puede agregarlos a través de una llamada a un método más específico. En el caso anterior que haría uso -

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

Answer 3

Como contraste a la respuesta correcta de @ Stuy1974, si no quiere dejar la solución EditorFor, vas a tener que cablear su propio Editor Template.

@ModelType SomeApp.ViewModels.SomeNiftyViewModel 

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

También puede utilizar el parámetro ViewData ya ha pasado a la plantilla editor directamente en lugar de añadir el índice de tabulación para el modelo:

// 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 }) 

Answer 4

Basta con hacer esto

@Html.EditorFor(model => model.Cost, new { htmlAttributes = new { tabindex = 34 } }) 

Answer 5

Otra opción , lo que le permite conservar el Editor para, es establecer el índice de pestañas en javascript después de que la página cargó algo como:

var myEditorFor = document.getElementById("MyEditorForId"); 

if (myEditorFor != null) { 
    myEditorFor.setAttribute("tabindex","18") 
}