Sitecore 6.6 ソリューションのアイテム構造に基づいてシンプルなメニューを構築しようとしています。Razor テンプレートを使用しています。
しかし、私は最初に立ち往生しています。レベル 1 とそのすぐ下のすべての項目を表示するメニューが必要です。レベル 2 のページに移動すると、その下のレベル 3 のすべてのアイテムが表示されますが、それより上のレベルは表示されます。
ポインタ/スニペットはありますか?
Sitecore 6.6 ソリューションのアイテム構造に基づいてシンプルなメニューを構築しようとしています。Razor テンプレートを使用しています。
しかし、私は最初に立ち往生しています。レベル 1 とそのすぐ下のすべての項目を表示するメニューが必要です。レベル 2 のページに移動すると、その下のレベル 3 のすべてのアイテムが表示されますが、それより上のレベルは表示されます。
ポインタ/スニペットはありますか?
あなたはおそらく次のようにすることができます:
<ul>
@foreach (var child1 in Item.Children)
{
<li>@child1.Name
<ul>
@foreach (var child2 in child1.Children)
{
<li>@child2.Name
<ul>
@foreach (var child3 in child2.Children)
{
<li>@child3.Name</li>
}
</ul>
</li>
}
</ul>
</li>
}
</ul>
この後、CSS といくつかの JavaScript を使用して、正しいノードを表示および非表示にすることができます。たとえば、jQueryのトグル機能を使用できます。