asp：menu：当页面加载不同的样式时需要显示子菜单项

Question

    <asp:SiteMapDataSource runat="server" ID="RelativeSiteMapDataSource" StartFromCurrentNode="False"
    ShowStartingNode="False" SiteMapProvider="CatalogSiteMap" />

<asp:Menu runat="server" ID="Navigator" MaximumDynamicDisplayLevels="0" StaticDisplayLevels="2" 
    Orientation="Vertical" DataSourceID="RelativeSiteMapDataSource"   />

我在几个ASPX页面中有上面的代码。

我希望能够做的是在加载页面时显示所有子菜单项，并且应该有某种缩进来显示菜单项的层次结构。当单击父菜单项时，上面的代码当前打开子菜单（例如，当我点击Products菜单时，它会显示它的子菜单）。

PS：由于我是新用户，因此不允许附加图片。 但是我已经展示了如何在下面显示菜单，请建议。

产品

• INSTOCK
• 外的库存

订单

• 采购订单
• 销售订单
  • 后退订单
  • 已开票订单

文档

• 购买
• 发票

更新1：目前使用上述代码时，加载页面时不会显示所有菜单项（和子菜单项）。所以我首先要调整asp：menu以获取所有菜单项，然后我想应用CSS（使用asp：menu）来显示上面提到的方式。

更新2：这就是菜单的样子（取自视图来源）。

        制品         命令         文件

Answer 1

在asp：菜单源代码（aspx页面）只需设置两个属性：RenderingMode ="List"和StaticDisplayLevels="3"，我就创建了你想要在页面加载时显示的相同菜单。现在你可以将css应用于所有这些简单的子弹列表。