CODEWITHSUNDEEP
asp.net-mvc
yogeswaran K
yogeswaran K

Reputation: 2288

Asp.net MVC TextArea

How to size the TextArea and assign Model Value to it in Asp.net Mvc

Upvotes: 32

Views: 56827

Answers (4)

meda
meda

Reputation: 45490

I found a simple away to achieve this.

Using models annotation razor will be smart enough to generate the textarea.

Model:

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

View:

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

Upvotes: 25

Aleksei Anufriev
Aleksei Anufriev

Reputation: 3236

Try this:

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

Edit:
This wont work as far as I know

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

because of this:

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

}

Upvotes: 34

Francois Rossello
Francois Rossello

Reputation: 11

Pitfall is @Html.TextAreaFor because it has no overload which allow you assigning a Model Value.

Example 1 : 

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

Example 1 wont raise exception and wont show any text. Let it down.

Solution :

use @Html.TextArea instead

Example 2:

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

Advice :

You should let down Aspx too because Razor is lighter and equivalent syntax.

Just use @ instead of <%= %>.

Upvotes: 1

Darin Dimitrov
Darin Dimitrov

Reputation: 1038720

Assuming you have a strongly typed view to some model class you could use the following:

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

or:

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

Upvotes: 10

Related Questions