ASP.NET MVC:Html.EditorFor和多行文本框

Question

这是我的代码:

    <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>

这就是它产生的:

    <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>

我如何告诉它该字段应该是一个包含五行而不是一行文本框的文本框？

Answer 1

使用数据类型'MultilineText':

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

请参阅使用@ Html.EditorFor的ASP.NET MVC3 - textarea

Answer 2

在您的视图中,而不是:

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

只需使用:

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

Answer 3

其他方式

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

在你的CSS中做到这一点

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

DataType协议允许数据中的回车,而不是每个人都喜欢这些.