在 Umbraco 中使用 Razor 的多级下拉菜单

Question

我正在尝试构建一个多级下拉菜单，我正在使用 umbraco cms。

我正在寻找的是这样的：

<div id="TopMenu"> 
        <ul class="myMenu"> 
            <li><a href="#">Home</a></li> 
            <li><a href="#">About Us</a></li> 
            <li><a href="#">Products</a>
                    <ul>
                        <li><a href="#">Products1</a></li>
                        <li><a href="#">Products2</a></li>
                        <li><a href="#">Products3</a></li>
                    </ul>
                    </li> 
            <li><a href="#">ContactUs</a></li> 

        </ul> 
    </div><!--TopMenu--> 

在 Umbraco 中我创建了 cshtml 让它工作：

<ul class="myMenu">
<li><a href="/">Home</a> </li>
@foreach (var page in @Model.AncestorOrSelf(1).Children)
{
    string style = "";
    if (1 == 1) { style = "class=\"current\""; }
    <li><a href="@page.Url" @style>@page.Name</a></li>


}

上述剃刀语法适用于顶级的 AncestorOrSelf(1) ，但我需要 AncestorOrSelf(2) 产品的子节点，有谁知道如何实现这一点，

谢谢

Answer 1

这是我当前在项目中使用的 razor 代码：

@foreach (var page in Model.AncestorOrSelf(1).Children.Where("Visible"))
{
   <li><a href="@page.Url">@page.Name</a>
   if (page.Children.Where("Visible").Count() > 0)
   {
      <ul>
         @foreach (var subpage in page.Children.Where("Visible"))
         {
            <li><a href="@subpage.Url">@subpage.Name</a></li>
         }
      </ul>
   }
   </li>
}

内部循环循环遍历外部循环节点的所有子节点。