Comment spécifier les colonnes et les lignes d’un éditeur multiligne pour ASP.MVC?

Dans ASP.MVC 3, comment spécifier les colonnes et les lignes d’un EditorFor multiligne (textarea)? J’utilise [UIHint("MultilineText")] , mais je ne trouve aucune documentation sur l’ajout d’atsortingbuts pour la zone de texte.

HTML souhaité:

Partie pertinente de mon modèle MVC 3:

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

Partie pertinente de mon razor cshtml:

  @Html.EditorFor(model => model.Description)

Qu’est-ce que je vais entrer Voir la source:

Comment définir des lignes et des colonnes?

Utilisez TextAreaFor

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

ou utilisez le style pour la classe multi-line .

Vous pouvez également écrire EditorTemplate pour cela.

Dans ASP.NET MVC 5, vous pouvez utiliser l’atsortingbut [DataType(DataType.MultilineText)] . Cela rendra une balise TextArea .

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

Ensuite, dans la vue si vous devez spécifier les lignes, vous pouvez le faire comme ceci:

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

Ou utilisez simplement le TextAreaFor avec la bonne surcharge:

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

Celui-ci peut aussi être utilisé avec moins d’effort je crois (mais je suis dans MVC 5)

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

entrer la description de l'image ici

Une option semble utiliser CSS pour donner du style à la zone de texte

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

Voir cette entrée sur SO ou celui-ci.

La réponse acceptée d’Amurra semble impliquer que cette classe est ajoutée automatiquement lors de l’utilisation de EditorFor, mais vous devrez vérifier cela.

EDIT: Confirmé, c’est le cas. Donc oui, si vous voulez utiliser EditorFor, utiliser ce style CSS fait ce que vous cherchez.

en MVC 5

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

Dans .net VB – vous pouvez obtenir le contrôle des colonnes et des lignes avec les éléments suivants dans votre fichier de razor:

 @Html.EditorFor(Function(model) model.generalNotes, New With {.htmlAtsortingbutes = New With {.class = "someClassIfYouWant", .rows = 5,.cols=6}})