¿Cómo especifico las columnas y filas de un editor de líneas múltiples en ASP.MVC?

Question

En ASP.MVC 3, ¿cómo especifico las columnas y filas para una línea múltiple EditorFor (textarea)? Estoy usando [UIHint("MultilineText")], pero no puedo encontrar ninguna documentación sobre cómo agregar atributos para el área de texto.

HTML deseado:

<textarea cols="40" rows="10"></textarea> 

parte pertinente de mi MVC 3 Modelo:

[UIHint("MultilineText")] 
public string Description { get; set; } 

parte pertinente de mi cshtml Razor:

<div class="editor-field"> 
    @Html.EditorFor(model => model.Description) 
</div> 

lo que estoy haciendo en la vista Fuente:

<div class="editor-field"> 
    <textarea class="text-box multi-line" id="Description" name="Description"></textarea> 
</div> 

¿Cómo configuro filas y columnas?

Answer 1

@Html.TextAreaFor(model => model.Description, new { @class = "whatever-class", @cols = 80, @rows = 10 }) 

o el uso de estilo Uso TextAreaFor para multi-line clase.

También puede escribir EditorTemplate para esto.

Answer 2

Una opción parece estar usando CSS para estilizar el área de texto

.multi-line { height:5em; width:5em; } 

Ver this entry on SO o this one.

respuesta aceptada de Amurra parece implicar esta clase se añade automáticamente cuando se utiliza EditorFor pero se tendría que verificar esto

EDITAR: Confirmado, lo hace. Entonces, sí, si quieres usar EditorFor, usar este estilo CSS hace lo que estás buscando.

<textarea class="text-box multi-line" id="StoreSearchCriteria_Location" name="StoreSearchCriteria.Location"> 

Answer 3

En ASP.NET MVC 5 puede usar el atributo [DataType(DataType.MultilineText)]. Retraerá una etiqueta TextArea.

public class MyModel 
{ 
    [DataType(DataType.MultilineText)] 
    public string MyField { get; set; } 
} 

Luego, en la vista si es necesario especificar las filas que puede hacerlo de esta manera:

@Html.EditorFor(model => model.MyField, new { htmlAttributes = new { rows = 10 } }) 

O simplemente utilizar el TextAreaFor a la sobrecarga derecha:

@Html.TextAreaFor(model => model.MyField, 10, 20, null) 

Answer 4

Este uno también se puede utilizar con menos esfuerzo, creo (pero estoy en MVC 5)

@Html.Description(model => model.Story, 20, 50, new { }) 

Answer 5

en mvc 5

   @Html.EditorFor(x => x.Address, 
       new {htmlAttributes = new {@class = "form-control", 
        @placeholder = "Complete Address", @cols = 10, @rows = 10 } })