CODEWITHSUNDEEP
asp.net-mvc-3razor
Jonathan Allen
Jonathan Allen

Reputation: 70287

ASP.NET MVC: Html.EditorFor and multi-line text boxes

This is my code:

    <div class="editor-label">
        @Html.LabelFor(model => model.Comments[0].Comment)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.Comments[0].Comment)
        @Html.ValidationMessageFor(model => model.Comments[0].Comment)
    </div>

This is what it generates:

    <div class="editor-label">
        <label for="Comments_0__Comment">Comment</label>
    </div>
    <div class="editor-field">
        <input class="text-box single-line" data-val="true" data-val-required="The Comment field is required." id="Comments_0__Comment" name="Comments[0].Comment" type="text" value="" />
        <span class="field-validation-valid" data-valmsg-for="Comments[0].Comment" data-valmsg-replace="true"></span>
    </div>

How do I tell it that the field should be a text box with five lines instead of just a single-line text box?

Upvotes: 56

Views: 118091

Answers (3)

Rajesh
Rajesh

Reputation: 2502

Use data type 'MultilineText':

[DataType(DataType.MultilineText)]
public string Text { get; set; }

See ASP.NET MVC3 - textarea with @Html.EditorFor

Upvotes: 129

SomeGuy
SomeGuy

Reputation: 131

Another way

@Html.TextAreaFor(model => model.Comments[0].Comment)

And in your css do this

textarea
{
    font-family: inherit;
    width: 650px;
    height: 65px;
}

That DataType dealie allows carriage returns in the data, not everybody likes those.

Upvotes: 13

Fabio Marreco
Fabio Marreco

Reputation: 2303

in your view, instead of:

@Html.EditorFor(model => model.Comments[0].Comment)

just use:

@Html.TextAreaFor(model => model.Comments[0].Comment, 5, 1, null)

Upvotes: 47

Related Questions