我想我需要一点帮助来使用 Razor 视图引擎在 Umbraco 中渲染递归树形菜单结构。
我需要渲染以下树形菜单结构:
Page 1
Page 2
Page 3
Page 4
Page 5
Page 6
Page 7
因此,当我在时,Page 5
我需要"open"
在父节点上使用 CSS 类:Page 4
,Page 2
以及我所站立的节点上Page 1
的 CSS 类。"active"
单击菜单中的链接时,我已经获得了呈现正确节点的结构,但我根本不知道如何应用正确的类:-(
我的代码如下:
@{
DynamicNode current = Model;
var nodes = Model.AncestorOrSelf(2).Children.Where("Visible");
if(nodes.Any())
{
<ul class="side-nav-list">
@foreach(var node in nodes)
{
bool isDescendantOrSelf = current.IsDescendantOrSelf(node);
<li>
<a href="@node.Url">@node.Name</a>
@if(isDescendantOrSelf)
{
@RenderSubMenuRecursive(node)
}
</li>
}
</ul>
}
}
@helper RenderSubMenuRecursive(DynamicNode node)
{
if(node.Children.Any(x => x.GetPropertyValue("umbracoNaviHide").Equals("0") && Model.IsDescendantOrSelf(node)))
{
var childNodes = node.Children.Where(x => x.GetPropertyValue("umbracoNaviHide").Equals("0"));
string css = node.IsAncestor(Model) ? "open" : "";
<ul>
@foreach(var childNode in childNodes)
{
<li class="@css">
<a href="@childNode.Url">@childNode.Name</a>
@if (childNode.IsDescendantOrSelf(node))
{
@RenderSubMenuRecursive(childNode)
}
</li>
}
</ul>
}
}
非常感谢您对此的任何帮助/提示!:-) 提前致谢!