Razor HtmlHelper - DropdownList

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

<select> 의 Html 랜더링은 DropDownList() 함수를,  
모델을 이용한 랜더링은 DropDownListFor<TModel, TProperty>() 함수를 사용한다.

 

기본 모델 :

public class Student
{
    public int StudentId { get; set; }
    public string StudentName { get; set; }
    public Gender StudentGender { get; set; }
}

public enum Gender
{
    "남성",
    "여성"    
}

Html.DropDownListFor()

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

 

DropDownListFor() 의 overload 함수 확인 :

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

SelectExtensions.DropDownListFor Method (System.Web.Mvc.Html)

DropDownListFor() 의 Razor View 예시 :

@model Student

@Html.DropDownListFor(m => m.StudentGender, 
            new SelectList(Enum.GetValues(typeof(Gender))), 
            "성별 선택")

결과 :

<select class="form-control" id="StudentGender" name="StudentGender">
    <option>성별 선택</option> 
    <option>남성</option> 
    <option>여성</option> 
</select>

Html.DropDownList()

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

 

Razor View 예시 :

@model Student

@Html.DropDownList("StudentGender", 
                    new SelectList(Enum.GetValues(typeof(Gender))),
                    "성별 선택",
                    new { @class = "form-control" })

결과 :

<select class="form-control" id="StudentGender" name="StudentGender">
    <option>성별 선택</option> 
    <option>남성</option> 
    <option>여성</option> 
</select>

DropDownList() 의 overload 함수 확인 :

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

SelectExtensions.DropDownList Method (System.Web.Mvc.Html)

참조 :

www.tutorialsteacher.com/mvc/htmlhelper-dropdownlist-dropdownlistfor

Create DropDownList using HtmlHelper in ASP.Net MVC