Создайте DropDownList, используя Iteration Loop

Question

Я попытаюсь изо всех сил объяснить, что я ищу.

Скажу, ради аргумента, что у меня есть таблица в моей базе данных, которая имеет свойство ID, Item, Category ...

таблицы заполняются, как так:

================================ 
|ID| |Item  | Category | 
================================ 
| 1 | Batman | DC  | 
| 2 | Superman | DC  | 
| 3 | Aquaman | DC  | 
| 4 | Spiderman| Marvel | 
| 5 | Ironman | Marvel | 
| 6 | Thor  | Marvel | 
================================ 

Теперь я хотите создать раскрывающийся список с этой информацией ... но разделены категорией.

Таким образом, это будет выглядеть так:

1. DC
   
   • -Batman
     
   • -Superman
     
   • -Aquaman
     
2. Marvel
   
   • -Spiderman
     
   • -Ironman
     
   • -Thor

Теперь не нужно быть в таком формате, как показано выше, но только простой вложенной с акцентом на Category

Как мне перебирать по таблице и каждый раз, когда Category изменяет печать этого текста категории один раз, затем распечатайте Item, соответствующие этому Category под ним?

Answer 1

В MVC-5.2, вы можете использовать один из overloads из SelectList, который принимает string dataGroupField, чтобы задать свои параметры.Например, в контроллере

model.OptionList = new SelectList(db.MyTable, "ID", "Item", "Category", null); 
return View(model); 

и в представлении

@Html.DropDownListFor(m => m.MyProperty, Model.OptionList) 

В качестве альтернативы вы можете создать IEnumerable<SelectListItem> и установить Group свойство, например

List<SelectListItem> optionList = new List<SelectListItem> 
var groups = db.MyTable.GroupBy(x => x.Category); 
foreach(var group in groups) 
{ 
    var optionGroup = new SelectListGroup() {Name = group.Key}; 
    foreach (var item in group) 
    { 
     optionList.Add(new SelectListItem { Value = item.ID.ToString(), Text = item.Item, Group = optionGroup }); 
    } 
} 

Answer 2

Если вы хотите выводить результаты, как вы изначально при условии, вы можете сделать это с помощью GroupBy вызова, а затем просто перебора этих групп (и впоследствии элементов в каждой группе):

@foreach(var group in Model.GroupBy(g => g.Category)) 
{ 
    <ol> 
     <li><b>@group.Key</b></li> 
     <ul> 
     @foreach(var item in group) 
     { 
      <li>- @item</li> 
     } 
     </ul> 
    </ol> 
} 

Этого предполагает, что вы уже имеете объекты из своей базы данных в своем контроллере и просто передаете их в свой вид. Кроме того, этот пример выполняется в представлении, что не является идеальным (вы предпочитаете обрабатывать эту логику в самой фактической модели).

Что касается создания DropDownList идет, вы действительно могли бы сделать то же самое, если вы хотите, чтобы предварить каждую запись с ее соответствующей категории:

<select id='Hero' name='Hero'> 
@foreach(var hero in Model) 
{ 
    <option value='hero.ID'>@hero.Category - @hero.Item</option> 
} 
</select>