2010-07-09 67 views
1

我需要創建一個帶有三個子元素(如添加,編輯,刪除)的菜單(父級)。如何使用MVC創建菜單/子菜單?

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

在登錄我需要添加三個元素(添加,編輯,刪除)。 如何實現這一目標。

感謝, 馬尼什

回答

3

子菜單通常與嵌套列表來實現:

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

樣式表將會很有用... – Jonathan 2011-01-21 17:36:34

+0

這將創建垂直菜單和子菜單。我們可以把它水平放置嗎?當主菜單懸停時,子菜單應該展開 – user2323308 2016-10-09 16:28:02

1

第一個匹配的SO從谷歌回答似乎是不完整的,所以這裏是一組選項添加最小子菜單中更高版本的MVC的使用引導:

  • 子菜單使用索泰實現的d列表
  • 甲虛設鏈路用於父選項
    • 該鏈路具有類的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> 
+0

在沒有評論的情況下,在正常工作的答案上,倒票就是沒有狗的便便。 – 2017-12-07 16:46:38