Как фильтровать выпадающие ящики на основе MVC

Question

У меня есть три раскрывающихся коробки на мой взгляд, с кодом

@Html.DropDownList("EventGroupTitle", ViewData["groupList"] as List<SelectListItem>, new { @class = "form-control" }) 
@Html.DropDownList("EventGroupName", ViewData["groupNameList"] as List<SelectListItem>, new { @class = "form-control" }) 
@Html.DropDownList("EventTypeOne", ViewData["typeList"] as List<SelectListItem>, new { @class = "form-control" }) 

И мой контроллер метод GET действий является

public ActionResult Create() 
    { 
     List<SelectListItem> liEventGroups = new List<SelectListItem>(); 
     List<SelectListItem> liEventTypes = new List<SelectListItem>(); 
     List<SelectListItem> liEventGroupNames = new List<SelectListItem>(); 

     // pull results from DB and assign them to the above variables   

     ViewData["typeList"] = liEventTypes; 
     ViewData["groupList"] = liEventGroups; 
     ViewData["groupNameList"] = liEventGroupNames; 
     return View(); 
    } 

В базе данных есть один -to-many между EventGroupTitle и EventGroupNames. В качестве примера название группы может быть Doctor, а имена групп будут Dr Joe, Dr Adrian. Другим названием группы будет Nurse, и поэтому имена групп будут Nurse Daniel, Nurse Dave.

Нет фактической настройки внешнего ключа, однако есть поле в GroupNames, которое говорит, что такое title.

Итак, есть ли способ сделать какую-то фильтрацию на Dropbox? Если они выбирают Doctor в первом Dropbox, то я хочу, чтобы во втором Dropbox появлялись только врачи.

Answer 1

Я создал каскадное выпадающее меню html, которое может быть полезно здесь. Он доступен как nuget package, а исходный код с тестами находится на github.

Использование очень простое. Например у вас есть Страна, в город выпадающие со следующей моделью:

Модель:

public class Model 
{ 
    public int SelectedCountry {get;set;} 
    public IList<SelectListItem> Countries {get;set;} 
    public int SelectedCity {get;set;} 
} 

Контроллер

public ActionResult GetCities(int country) 
{ 
    //return IList<SelectListItem> of Cities based on a country that you get as a parameter 
} 

Посмотреть

//First simple dropdown 
@Html.DropDownListFor(m=>m.SelectedCountry, Model.Countries, 
"Please select a Country", new {@class="form-control"}) 

//Dropdown list for SelectedCity property that depends on selection of SelectedCountry property 
@Html.CascadingDropDownListFor( 
     expression: m => m.SelectedCity, 
     triggeredByProperty: m => m.SelectedCountry, //Parent property that trigers dropdown data loading 
     url: Url.Action("GetCities", "Home"), //Url of action that returns dropdown data 
     actionParam: "country", //Parameter name for the selected parent value that url action receives 
     optionLabel: "Please select a City", // Option label 
     disabledWhenParrentNotSelected: true, //If true, disables dropdown until parrent dropdown selected 
     htmlAttributes: new { @class = "form-control" }) //Html attributes