如何使用Sitemap数据源自定义ASP网络菜单?

时间:2019-01-04 18:48:01

标签: html asp.net

这是我正在使用的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列表的示例。我只是希望能够实现一些功能,从而可以更轻松地为每个角色创建新链接,并且无论如何都可以自定义,但是如果要使用站点地图和菜单,我有点迷失了

0 个答案:

没有答案