Comment créer un menu/sous-menu en utilisant MVC?

Question

J'ai besoin de créer un menu (parent) avec trois sous-éléments comme (Ajouter, Modifier, Supprimer).

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

Sous Log je dois ajouter trois éléments (Ajouter, Modifier, Supprimer). Comment y parvenir.

Merci, Manish

Answer 1

Les sous-menus sont généralement mis en œuvre avec des listes imbriquées:

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

Answer 2

Le premier correspondant répond SO de Google semblait être incomplètes, voici donc un ensemble minimal d'options pour ajouter un sous-menu dans les versions ultérieures de MVC qui utilisent Bootstrap:

• Les sous-menus sont implémentés en utilisant neste listes d
• Un lien fictif est utilisé pour l'option de parent
  • Le lien a une classe de dropdown-toggle
  • Le lien a un attribut de data-toggle="dropdown"
• Le UL emboîtée a une classe de dropdown-menu (sans cela, le sous-menu est toujours visible)

Exemple:

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