본문 바로가기

트레이닝

Razor HtmlHelper - Textbox

HtmlHelper 클래스는 TextBox의 두 가지 유형의 기본 함수를 제공한다. 
- TextBox() 
- TextBoxFor<TModel, TProperty>() 

<input type="text"> 의 Html 랜더링은 TextBox() 함수를, 
모델을 이용한 랜더링은 TextBoxFor<TModel, TProperty>() 함수를 사용한다.

 

기본 모델 :

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.TextBoxFor()

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

 

TextBoxFor() Signature :

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

TextBoxFor() 의 overload 함수 확인 :

docs.microsoft.com/ko-kr/dotnet/api/system.web.mvc.html.inputextensions.textboxfor?view=aspnet-mvc-5.2

 

InputExtensions.TextBoxFor Method (System.Web.Mvc.Html)

Returns a text input element.

docs.microsoft.com

 

TextBoxFor() 의 Razor View 예시 :

@model Student

@Html.TextBoxFor(m => m.StudentName)  

결과 :

<input id="StudentName" name="StudentName" type="text" value="" />

Html.TextBox()

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

 

TextBox() Signature :

public static MvcHtmlString TextBox(this HtmlHelper htmlHelper, string name, string value, object htmlAttributes)

TextBox() 의 overload 함수 확인 :

https://docs.microsoft.com/ko-kr/previous-versions/aspnet/dd505176(v=vs.100)

 

InputExtensions.TextBox Method (System.Web.Mvc.Html)

InputExtensions.TextBox Method 02/21/2011 2 minutes to read In this article --> Include Protected Members Include Inherited Members Returns a text input element. This member is overloaded. For complete information about this member, including syntax, usage

docs.microsoft.com

TextBox() 의 Razor View 예시 :

@model Student

@Html.TextBox("StudentName")  

결과 :

<input id="StudentName"  name="StudentName" type="text" value=""  />

 

참조 :

https://www.tutorialsteacher.com/mvc/htmlhelper-textbox-textboxfor

 

Create TextBox using HtmlHelper in ASP.Net MVC

Create a Textbox in ASP.NET MVC The HtmlHelper class includes two extension methods TextBox() and TextBoxFor () that renders the HTML textbox control in the razor view. It is recommended to use the generic TextBoxFor () method, which is less error prons an

www.tutorialsteacher.com

 

'트레이닝' 카테고리의 다른 글

Razor HtmlHelper - Checkbox  (0) 2021.02.19
Razor HtmlHelper - TextArea  (0) 2021.02.17
HTML Helpers  (0) 2021.02.16
Razor 문법  (0) 2021.02.15
블레이저 앱 개발을 위한 환경 설정  (0) 2021.02.15