MVC3 DropDownListFor - prosty przykład?


112

Mam problem z DropDownListFormoją aplikacją MVC3. Udało mi się użyć StackOverflow, aby dowiedzieć się, jak sprawić, by pojawiały się w widoku, ale teraz nie wiem, jak przechwytywać wartości w odpowiednich właściwościach w modelu widoku, gdy jest on przesyłany. Aby to zadziałało, musiałem utworzyć wewnętrzną klasę, która miała identyfikator i właściwość value, a następnie musiałem użyć znaku, IEnumerable<Contrib>aby spełnić DropDownListForwymagania dotyczące parametrów. Jednak teraz, w jaki sposób MVC FW ma mapować wartość wybraną w tym menu rozwijanym z powrotem do prostej właściwości ciągu w moim modelu widoku?

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

W moim widoku umieszczam listę rozwijaną na stronie w następujący sposób:

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

Kiedy przesyłam formularz, ContribTypejest (oczywiście) zerowy.

Jaki jest właściwy sposób, aby to zrobić?

Odpowiedzi:


166

Powinieneś to zrobić:

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

Gdzie:

m => m.ContribType

jest właściwością, w której będzie wartość wyniku.


2
DZIĘKUJĘ CI!!! Siergiej, właśnie tego szukałem od wielu godzin.
Trey Carroll

Dzięki :) za twoją odpowiedź. Czy jest jakiś sposób, aby pokazać "- Wybierz--" stąd. ?
kbvishnu

1
@VeeKeyBee, możesz contribTypeOptionsna przykład dodać nową pozycję do listy , new Contrib {ContribId = -1, Value = "Please Select"}która zostanie wyświetlona na liście rozwijanej. Niż można sprawdzić, czy ContribTypejest -1to oznacza, że użytkownik nie wybrano żadnej wartości
Sergey Gavruk

9
Możesz to zrobić:@Html.DropDownListFor(m => m.ContribType, new SelectList(Model.ContribTypeOptions, "ContribId", "Value", Model.ContribTypeOptions.First().ContribId), "Select, please")
Sergey Gavruk

1
@SergeyGavruk. Ta odpowiedź została użyta jako zamiennik w kilku ostatnich pytaniach, ale jest myląca dla niektórych użytkowników z powodu instrukcji.Ostatnim parametrem konstruktora listy Select jest wybrana wartość - Ostatni parametr jest ignorowany przez metodę (która wewnętrznie buduje własną SelectList) . Jest to wartość właściwości ( ContribType), która określa, co jest zaznaczone (tak działa powiązanie modelu), a kod powinien być po prostu @Html.DropDownListFor(m => m.ContribType, new SelectList(Model.ContribTypeOptions, "ContribId", "Value")Czy możesz edytować odpowiedź, aby poprawić.

7

Myślę, że to pomoże: w kontrolerze pobierz elementy listy i wybraną wartość

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

i w widoku

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

5
Zwykle nie jest to dobry wzorzec, aby wystawiać swoje repozytorium na widok w ten sposób.
André Pena

6

Aby powiązać dane dynamiczne w DropDownList, możesz wykonać następujące czynności:

Utwórz ViewBag w kontrolerze, jak poniżej

ViewBag.ContribTypeOptions = yourFunctionValue();

teraz użyj tej wartości w widoku jak poniżej:

@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")

Tutaj Wartość to obiekt modelu, w którym chcesz zapisać wybraną wartość

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.