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 页面中有上述代码。

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

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

产品

• 库存
• 缺货

订单

• 采购订单
• 销售订单
  • 延期交货
  • 发票订单

文件

• 购买
• 发票

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

更新 2：这是菜单的样子（取自查看源代码）。

产品 命令 文件

Answer 1

在 asp:menu 源代码（aspx 页面）中，只需设置两个属性，即：RenderingMode ="List" 和 StaticDisplayLevels="3"，我创建了您希望在页面加载时显示的相同菜单。现在您可以将 css 应用到所有这些简单的项目符号列表中。