Как создать меню / подменю с помощью MVC?

Question

Мне нужно создать меню (родительское) с тремя подэлементами, такими как (Добавить, Изменить, Удалить).

                <li ><%= Html.ActionLink("Log", "Index", "Log")%></li>
                <li><%= Html.ActionLink("Administration", "Administration", "Log")%></li>          
     </ul>

В разделе Журнал мне нужно добавить три элемента (Добавить,Редактировать, Удалить).Как этого добиться.

Спасибо, Маниш

Answer 1

Первый соответствующий ответ SO от Google оказался неполным, поэтому здесь представлен минимальный набор параметров для добавления подменю в более поздних версиях MVC, использующих Bootstrap:

• Подменю реализованы с использованием вложенных списков
• Для родительской опции используется фиктивная ссылка
  • Ссылка имеет класс dropdown-toggle
  • Ссылка имеет атрибут data-toggle="dropdown"
• Вложенный UL имеет класс dropdown-menu (без этого подменю всегда видно)

Пример:

<ul>
  <li>
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Log</a>
    <ul class="dropdown-menu">
      <li><%= Html.ActionLink("Add", "Add", "Log")%></li>
      <li><%= Html.ActionLink("Edit", "Edit", "Log")%></li>
      <li><%= Html.ActionLink("Delete", "Delete", "Log")%></li>
    </ul>
  </li>
  <li><%= Html.ActionLink("Administration", "Administration", "Log")%></li>
</ul>

Answer 2

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

<ul>
  <li>
    <%= Html.ActionLink("Log", "Index", "Log")%>
    <ul>
      <li><%= Html.ActionLink("Add", "Add", "Log")%></li>
      <li><%= Html.ActionLink("Edit", "Edit", "Log")%></li>
      <li><%= Html.ActionLink("Delete", "Delete", "Log")%></li>
    </ul>
  </li>
  <li><%= Html.ActionLink("Administration", "Administration", "Log")%></li>
</ul>