MVC3 Razor Html.TextBoxFor：我可以使其像 TextAreaFor 一样多行吗？

Question

我已经看过这篇文章：更改 Html.TextBox 的大小

但是我无法更改为 Html.TextAreaFor() 因为它没有让我设置动态默认值的属性（我正在制作一个编辑页面，我想动态填充当前的字段）数据可以然后进行修改）。即使我在视图模型中更改为 [DataType(DataType.MultilineText)] （它似乎更改为 textboxfor 并且我的默认值确实如此），我似乎也无法让 EditorFor 工作不出现）。

我的编辑视图采用一个包含两个模型的视图模型、一个要填充屏幕字段的空表单 (OfferForm) 以及包含当前数据的 offer 模型。我想要为 OfferForm 提供文本字段，并用 offer 模型数据的内容动态填充它们。

这是我的 html：

<div class="InLine">
                    <div class="InLine editor-label-container">
                        <div class="editor-label">
                            @Html.LabelFor(model => model.OfferForm.Description)
                        </div>
                    </div>
                    <div class="InLine editor-field-container">
                        <div class="editor-field">
                            @Html.TextBoxFor(model => model.OfferForm.Description, new { @Value = @Html.DisplayFor(model => model.Offer.Description)})
                            @Html.ValidationMessageFor(model => model.Offer.Description)
                        </div>
                    </div>
                </div>
                <div class="InLine">
                    <div class="InLine editor-label-container">
                        <div class="editor-label">
                            @Html.LabelFor(model => model.OfferForm.SMSText)
                        </div>
                    </div>
                    <div class="InLine editor-field-container">
                        <div class="editor-field">
                            @Html.TextBoxFor(model => model.OfferForm.SMSText, new { @Value = @Html.DisplayFor(model => model.Offer.SmsText)})
                            @Html.ValidationMessageFor(model => model.Offer.SmsText)
                        </div>
                    </div>
                </div>

有没有办法在 Html.TextBoxFor() 中设置“multiline”属性？

Answer 1

您必须意识到 HTML 元素不是 Windows 控件，它们只是在某种程度上映射到它们。

HTML 元素必须是跨平台的，并且不能保证文本区域只是所有平台上的多行文本框，因此就 HTML 而言，文本框和文本区域是两个不同的东西。

所以答案是否定的，因为 HTML 中的文本框没有多行属性。

Answer 2

最简单的方法是创建一个如下所示的 Html 扩展方法，

public static class HtmlTextAreaExtensions {

    public static IHtmlString TextAreaFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, int rows, int cols, object htmlAttributes = null, string Value = null) {
        return TextAreaFor<TModel, TProperty>(htmlHelper, expression, rows, cols, HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes), Value);
    }

    public static IHtmlString TextAreaFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, int rows, int cols, IDictionary<string, string> htmlAttributes = null, string Value = null) {
        var modelMetadata = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
        var name = ExpressionHelper.GetExpressionText(expression);

        string fullName = htmlHelper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(name);

        Dictionary<string, object> rowsAndColumns = new Dictionary<string, object>();
        if (rows > 0) {
            rowsAndColumns.Add("rows", rows.ToString(CultureInfo.InvariantCulture));
        } else {
            rowsAndColumns.Add("rows", "5");
        }
        if (cols > 0) {
            rowsAndColumns.Add("cols", cols.ToString(CultureInfo.InvariantCulture));
        } else {
            rowsAndColumns.Add("cols", "20");
        }
        TagBuilder tagBuilder = new TagBuilder("textarea");
        tagBuilder.GenerateId(fullName);
        tagBuilder.MergeAttributes(htmlAttributes, true);
    tagBuilder.MergeAttributes(rowsAndColumns, false);  // Only force explicit rows/cols
        tagBuilder.MergeAttribute("name", fullName, true);

        // If there are any errors for a named field, we add the CSS attribute.
        ModelState modelState;
        if (htmlHelper.ViewData.ModelState.TryGetValue(fullName, out modelState) && modelState.Errors.Count > 0) {
            tagBuilder.AddCssClass(HtmlHelper.ValidationInputCssClassName);
        }

        tagBuilder.MergeAttributes(htmlHelper.GetUnobtrusiveValidationAttributes(name));

        string value;
        if (Value != null) {
            value = Value;
        } else if (modelState != null && modelState.Value != null) {
            value = modelState.Value.AttemptedValue;
        } else if (modelMetadata.Model != null) {
            value = modelMetadata.Model.ToString();
        } else {
            value = String.Empty;
        }

        // The first newline is always trimmed when a TextArea is rendered, so we add an extra one
        // in case the value being rendered is something like "\r\nHello".
        tagBuilder.SetInnerText(Environment.NewLine + value);

        return new HtmlString(tagBuilder.ToString(TagRenderMode.Normal));
    }
}

然后您可以调用它：

@Html.TextAreaFor(f => f.ModelProperty, Value=f.SomeOtherModelProperty)

它只支持基本功能和不支持的功能。实际的标记生成是从 Mvc3 源中提取的，并进行了一些细微的更改以支持传入值。这应该适用于大多数情况，但您可能需要添加更多覆盖。这不是很干净，但应该可以让你继续。 :)

要让扩展显示在您的 razor 视图中，您可以在 Views 目录中编辑 Web.config 并添加命名空间（不是类名）放置该类的位置。然后它应该显示在智能感知中。