Establezca el atributo de clase en Html.EditorFor en ASP.NET MVC Razor View

Question

Como sabe, podemos establecer atributos para actionLink o textBox en vistas de maquinilla de afeitar, pero ¿cómo podemos establecer atributos en @Html.EditorFor, sé que el EditorFor es un elemento dinámico que se puede establecer de acuerdo con el tipo de modelo, pero todas las formas de eso pueden obtener los atributos. Entonces, ¿hay alguna manera de establecer el atributo @Html.EditorFor algo como esto: new {@class = "myclass"}?

Answer 1

El helper EditorFor representa la plantilla de editor correspondiente. Podría ser el default template o alguna plantilla personalizada que haya escrito. Esta plantilla podría contener cualquier marca. Podría contener muchos elementos DOM. Entonces, ahora entiendes que pedir aplicar una clase a una plantilla no tiene sentido. ¿A qué elemento de esta plantilla quieres que se aplique esta clase? Por ejemplo, con el ayudante TextBoxFor sabes que generará un solo campo de entrada, por lo que tiene sentido hablar sobre aplicarle una clase CSS (eso es exactamente lo que el argumento htmlAttributes le permite hacer).

Dicho esto, hay diferentes técnicas. Por ejemplo, uno que me gusta mucho es escribir un proveedor de metadatos de modelo de anotaciones de datos personalizado y plantillas de editor personalizado como se describe en el following blog post.

Otra posibilidad es personalizar las plantillas predeterminadas (como se muestra en la publicación de blog de Brad Wilson) y aplicar diferentes atributos de HTML al campo de entrada correspondiente. Tomemos un ejemplo, con el editor de plantillas string.cshtml:

@model string 
@Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue, ViewData) 

Y ahora cuando se quiere hacer que este editor de plantillas por alguna propiedad de la cadena en su modelo de vista:

@Html.EditorFor(x => x.SomeStringProperty, new { @class = "myclass" }) 

Answer 2

Creo que el original cartel era correcta

• cada EditorFor()

  crea una HTML element principales (aunque puede haber otras personas presentes), por lo que sería muy útil para poder pasar un objeto contiene HTML attributes aplicar a la principal HTML element.

• que desea aplicar el HTML 5'enfoque automático' atributo en uno campo en cada forma,

• pero no quiero tener que escribir código personalizado.

• me gusta el hecho de que estoy actualmente reducido a usar, por ejemplo, para que una @Html.TextBoxFor()campo sólo para que pueda aplicar específica atributos a la input element.

• El método EditorFor() tiene un parámetroque llaman additionalViewData, pero no tengo ni idea de lo que puede hacer con eso y buscar en MSDN no ha sido de ninguna ayuda para mí.

Answer 3

Prueba esto:

@Html.EditorFor(model => model.Title, new { htmlAttributes = new { @class = "form-control" } }) 

Answer 4

probar este código simple para añadir la clase a @Html.EditorFor()

@Html.EditorFor(x => x.Demo) 

<style type="text/css"> 

#Demo 
{ 
    color:#fff; 
    width: 50%; 
} 

</style> 

este código funciona bien para MVC3

Answer 5

Añadir atributos personalizados como

@Html.EditorFor(model => model.Name, new { htmlAttributes = new { @data_minlength = "3", @class = "form-control input-md", @placeholder = "Name", @required = "required", @id= "txtName"} }) 

Reemplazar Data- a @data_

va a generar html correcta data-