Razor HtmlHelper - TextArea

HtmlHelper 클래스는 TextArea의 멀티 라인을 지원하는 두 가지 유형의 기본 함수를 제공한다. 
- TextArea() 
- TextAreaFor<TModel, TProperty>() 

<textarea></textarea> 의 Html 랜더링은 TextArea() 함수를, 
모델을 이용한 랜더링은 TextAreaFor<TModel, TProperty>() 함수를 사용한다.

기본적으로 2행 20열로 텍스트 영역을 만든다.

 

기본 모델 :

public class Student
{
    public int StudentId { get; set; }
    [Display(Name="Name")]
    public string StudentName { get; set; }
    public int Age { get; set; }
    public bool isNewlyEnrolled { get; set; }
    public string Password { get; set; }
}

Html.TextAreaFor()

TextAreaFor<TModel, TProperty>() 의 첫 번째 유형 매개변수는 모델 클래스용이고, 두 번째 유형 매개변수는 속성용이다.

 

TextAreaFor() Signature :

public static MvcHtmlString TextAreaFor<TModel,TProperty> (this HtmlHelper<TModel>> htmlHelper, Expression<Func<TModel,TProperty>> expression, object htmlAttributes);

TextAreaFor() 의 overload 함수 확인 :

https://docs.microsoft.com/ko-kr/dotnet/api/system.web.mvc.html.textareaextensions?view=aspnet-mvc-5.2

TextAreaExtensions Class (System.Web.Mvc.Html)

TextAreaFor() 의 Razor View 예시 :

@model Student

@Html.TextAreaFor(m => m.Description)  

결과 :

<textarea cols="20" id="Description" name="Description" rows="2"></textarea>

@model Student

@Html.TextAreaFor(m => m.Description, new { @class = "form-control" })

결과 :

<textarea class="form-control" cols="20" id="Description" name="Description" rows="2"></textarea>

Html.TextArea()

TextArea() 는 <textarea> 기본 Html 태그를 랜더링한다. 속성 을 통해 이름과 값, 그외의 속성을 만들 수 있다.

 

Razor View 예시 :

@model Student

@Html.TextArea("Description", "This is dummy description.", new { @class = "form-control" })  

결과 :

<textarea class="form-control" id="Description" name="Description" rows="2"cols="20">This is dummy description.</textarea>

 

참조 :

https://www.tutorialsteacher.com/mvc/htmlhelper-textarea-textareafor

Create TextArea using HtmlHelper in ASP.Net MVC