多行文本框

Question

大家好，我已经在这工作了 5 天，但找不到解决方案，我试图让它在多行上运行 @Html.TextBoxFor(model => model.Headline, new { style = "width: 400px; Height: 200px;"})但我没有运气。

以下是我尝试过的：

@Html.TextBoxFor.Multiline (does not work)

我已将 Multiline 放在 new 的末尾，但没有奏效。这样做的最简单方法是什么。

谢谢你，我正在使用 MVC3 C#

Answer 1

您可以使用TextAreaFor 助手：

@Html.TextAreaFor(
    model => model.Headline, 
    new { style = "width: 400px; height: 200px;" }
)

但更好的解决方案是使用[DataType] 属性装饰您的Headline 视图模型属性，指定您希望它呈现为<textarea>：

public class MyViewModel
{
    [DataType(DataType.MultilineText)]
    public string Headline { get; set; }

    ...
}

然后使用EditorFor 助手：

<div class="headline">
    @Html.EditorFor(model => model.Headline)
</div>

最后在你的 CSS 文件中指定它的样式：

div.headline {
    width: 400px;
    height: 200px;
}

现在您已经正确分离了关注点。