2010-07-09 65 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