MVC3 DropDownListFor-간단한 예?


112

DropDownListForMVC3 앱에 문제가 있습니다. StackOverflow를 사용하여 뷰에 표시하는 방법을 알아낼 수 있었지만 이제 제출할 때 뷰 모델의 해당 속성에서 값을 캡처하는 방법을 모릅니다. 이 작업을 수행하려면 ID와 값 속성이있는 내부 클래스를 만들어야 IEnumerable<Contrib>하고 DropDownListFor매개 변수 요구 사항 을 충족 하기 위해를 사용해야했습니다 . 그러나 이제 MVC FW는이 드롭 다운에서 선택한 값을 내 뷰 모델의 단순 문자열 속성으로 다시 매핑하는 방법을 알고 있습니까?

public class MyViewModelClass
{
    public class Contrib
    {
        public int ContribId { get; set; }
        public string Value { get; set; }
    }

    public IEnumerable<Contrib> ContribTypeOptions = 
        new List<Contrib>
        {
            new Contrib {ContribId = 0, Value = "Payroll Deduction"},
            new Contrib {ContribId = 1, Value = "Bill Me"}
        };

    [DisplayName("Contribution Type")]
    public string ContribType { get; set; }
}

내보기에서 다음과 같이 페이지에 드롭 다운을 배치합니다.

<div class="editor-label">
    @Html.LabelFor(m => m.ContribType)
</div>
<div class="editor-field">
    @Html.DropDownListFor(m => m.ContribTypeOptions.First().ContribId, 
             new SelectList(Model.ContribTypeOptions, "ContribId", "Value"))
</div>

양식을 제출할 때 ContribType(물론) null입니다.

이를 수행하는 올바른 방법은 무엇입니까?

답변:


166

다음과 같이해야합니다.

@Html.DropDownListFor(m => m.ContribType, 
                new SelectList(Model.ContribTypeOptions, 
                               "ContribId", "Value"))

어디:

m => m.ContribType

결과 값이 될 속성입니다.


2
감사합니다!!! 세르게이, 이것이 바로 제가 오랫동안 찾던 것입니다.
Trey Carroll

감사합니다 :) 귀하의 답변을 위해 여기에서 "-선택-"을 표시하는 방법이 있습니까? ?
kbvishnu

1
@VeeKeyBee, contribTypeOptions예를 들어 목록에 새 항목을 추가 할 수 new Contrib {ContribId = -1, Value = "Please Select"}있으며 드롭 다운 목록에 표시됩니다. 경우 확인하실 수 있습니다보다 ContribType-1이 사용자가 임의의 값을 선택하지 않은 방법입니다
세르게이 Gavruk

9
다음과 같이 할 수 있습니다.@Html.DropDownListFor(m => m.ContribType, new SelectList(Model.ContribTypeOptions, "ContribId", "Value", Model.ContribTypeOptions.First().ContribId), "Select, please")
Sergey Gavruk 2012 년

1
@SergeyGavruk. 이 답변은 최근 몇 가지 질문에 대한 속임수로 사용되었지만 문 때문에 일부 사용자를 혼란스럽게합니다. 그리고 Select list 생성자 의 마지막 매개 변수는 선택된 값입니다 .-마지막 매개 변수는 메서드에서 무시됩니다 (내부적으로 자체 빌드 SelectList). . ContribType선택되는 항목 (모델 바인딩이 작동하는 방식)을 결정 하는 속성 ( ) 의 값이며 코드는 바로 @Html.DropDownListFor(m => m.ContribType, new SelectList(Model.ContribTypeOptions, "ContribId", "Value")정답을 편집 할 수 있습니다.

7

나는 이것이 도움이 될 것이라고 생각한다 : 컨트롤러에서 목록 항목과 선택한 값을 가져옵니다.

public ActionResult Edit(int id)
{
    ItemsStore item = itemStoreRepository.FindById(id);
    ViewBag.CategoryId = new SelectList(categoryRepository.Query().Get(), 
                                        "Id", "Name",item.CategoryId);

    // ViewBag to pass values to View and SelectList
    //(get list of items,valuefield,textfield,selectedValue)

    return View(item);
}

및보기

@Html.DropDownList("CategoryId",String.Empty)

5
일반적으로 저장소를 이와 같이 View에 노출시키는 것은 신 패턴이 아닙니다.
André Pena

6

DropDownList에서 동적 데이터를 바인딩하려면 다음을 수행 할 수 있습니다.

아래와 같이 컨트롤러에서 ViewBag를 생성합니다.

ViewBag.ContribTypeOptions = yourFunctionValue();

이제 다음과 같이이 값을 사용하십시오.

@Html.DropDownListFor(m => m.ContribType, 
    new SelectList(@ViewBag.ContribTypeOptions, "ContribId", 
                   "Value", Model.ContribTypeOptions.First().ContribId), 
    "Select, please")

0
     @Html.DropDownListFor(m => m.SelectedValue,Your List,"ID","Values")

여기 Value는 선택한 값을 저장하려는 모델의 개체입니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.