Asp.net MVC TextArea

时间:2010-12-17 09:46:24

标签: asp.net-mvc

如何调整TextArea的大小并在Asp.net Mvc中为其指定模型值

4 个答案:

答案 0 :(得分:34)

试试这个:

 <%=Html.TextAreaFor(
        m => m.Description, 15, 20, 
        new RouteValueDictionary(new { @class = "someClass"}))%>

编辑:
据我所知,这不会起作用

<%=Html.TextAreaFor(m => m.Description, new { cols = "20", rows = "15" })%>

因为这个:

private const int TextAreaRows = 2;
private const int TextAreaColumns = 20;

// ...





     public static string TextArea(
                this HtmlHelper htmlHelper, string name, 
                IDictionary<string, object> htmlAttributes) {
            Dictionary<string, object> implicitAttributes = new Dictionary<string, object>();
            implicitAttributes.Add("rows", TextAreaRows.ToString(CultureInfo.InvariantCulture));
            implicitAttributes.Add("cols", TextAreaColumns.ToString(CultureInfo.InvariantCulture));
            return TextAreaHelper(htmlHelper, name, true /* useViewData */, null /* value */, implicitAttributes, null /* explicitParameters */, htmlAttributes);

}

答案 1 :(得分:24)

我找到了一个简单的方法来实现这一点。

使用模型注释razor足够聪明,可以生成textarea

<强>型号:

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

查看:

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

答案 2 :(得分:9)

假设您对某个模型类有强类型视图,则可以使用以下内容:

<%= Html.TextAreaFor(x => x.SomeProperty, new { rows = "20", cols = "10" }) %>

或:

<%= Html.TextAreaFor(x => x.SomeProperty, 20, 10, new { @class = "foo" }) %>

答案 3 :(得分:1)

陷阱@Html.TextAreaFor,因为它没有超载,允许您分配模型值。

示例1

 @Html.TextAreaFor(m => m.Language, 6, 40, new { @class = "form-control",@value="Tft.WebRole.Properties.Settings.Default.DefaultLanguage"}

示例1不会引发异常并且不会显示任何文本。放下它。

解决方案

使用@Html.TextArea代替

示例2:

@Html.TextArea("Language", Tft.WebRole.Properties.Settings.Default.DefaultLanguage, 6, 40, new { @class = "form-control" })

建议:

你也应该放弃Aspx,因为Razor更轻巧且语法相同。

只需使用@代替<%= %>.