这是我正在使用的html菜单模板,它使用jquery进行菜单选择,并将项目设置为活动状态并打开treeviews。
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
<li class="nav-header text-center pb-1 text-white"><strong>Menu de Navegação</strong></li>
<li class="nav-item has-treeview">
<a href="#" class="nav-link custom-sidebar-link">
<i class="fas fa-clipboard-list"></i>
<p class="text-white">
Artigos
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="/Account/Users/NovoArtigo.aspx" class="nav-link text-white custom-nav-inner-link">
<i class="fas fa-angle-double-right"></i>
<p>Novo Artigo</p>
</a>
</li>
<li class="nav-item">
<a href="/Account/Users/ListarArtigos.aspx" class="nav-link text-white custom-nav-inner-link">
<i class="fas fa-angle-double-right"></i>
<p>Listar Artigos</p>
</a>
</li>
</ul>
</li>
</ul>
这是菜单和站点地图
<asp:Menu runat="server" RenderingMode="List" DataSourceID="siteMapDataSource"
CssClass="nav nav-pills nav-sidebar flex-column"
data-widget="treeview"
role="menu"
data-accordion="false">
<StaticMenuItemStyle CssClass="nav-item has-treeview"></StaticMenuItemStyle>
</asp:Menu>
<asp:SiteMapDataSource runat="server" ID="siteMapDataSource" ShowStartingNode="false" StartFromCurrentNode="True" />
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
<siteMapNode roles="*">
<siteMapNode url="#" title="Artigos" description="">
<siteMapNode url="/Account/Users/NovoArtigo.aspx" title="Novo Artigo" description="" />
<siteMapNode url="/Account/Users/ListarArtigos.aspx" title="Listar Artigos" description="" />
</siteMapNode>
</siteMapNode>
</siteMap>
我不确定自己做的是否正确,因为找不到像我这样的自定义html列表的示例。我只是希望能够实现一些功能,从而可以更轻松地为每个角色创建新链接,并且无论如何都可以自定义,但是如果要使用站点地图和菜单,我有点迷失了