MVC3 DropDownListFor - простой пример?


112

У меня проблемы с DropDownListForмоим приложением MVC3. Мне удалось использовать StackOverflow, чтобы выяснить, как заставить их отображаться в представлении, но теперь я не знаю, как фиксировать значения в соответствующих свойствах модели представления при отправке. Чтобы заставить это работать, мне пришлось создать внутренний класс с идентификатором и свойством значения, затем мне пришлось использовать 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она (конечно) пуста.

Как правильно это сделать?

Ответы:


166

Вам следует сделать так:

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

Куда:

m => m.ContribType

- свойство, в котором будет значение результата.


2
СПАСИБО!!! Сергей, это именно то, что я искал много часов.
Трей Кэрролл,

Спасибо :) за ответ. Есть ли способ показать отсюда "- Select--". ?
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")
Сергей Гаврук 06

1
@SergeyGavruk. Этот ответ использовался как обман в нескольких недавних вопросах, но сбивает с толку некоторых пользователей из-за утверждения. И последний параметр конструктора списка выбора - это выбранное значение - последний параметр игнорируется методом (который внутренне создает свой собственный 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
Как правило, это не шаблон бога, чтобы открыть ваш репозиторий для просмотра таким образом.
Андре Пена

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

Здесь значение - это тот объект модели, в котором вы хотите сохранить выбранное значение.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.