Scala 在不同div中创建提升嵌套子菜单
我试图构建一个嵌套的菜单结构,但是子菜单应该出现在页面上的另一个元素中 分组和隐藏子菜单将使它们始终显示,而不仅仅是在激活父菜单之后Scala 在不同div中创建提升嵌套子菜单,scala,lift,Scala,Lift,我试图构建一个嵌套的菜单结构,但是子菜单应该出现在页面上的另一个元素中 分组和隐藏子菜单将使它们始终显示,而不仅仅是在激活父菜单之后 Menu.i("Startseite") / "index" >> Hidden >> LocGroup("servicenav"), Menu.i("Impressum") / "about"/"index" >> Hidden >> LocGroup("servicenav"), Menu.i(
Menu.i("Startseite") / "index" >> Hidden >> LocGroup("servicenav"),
Menu.i("Impressum") / "about"/"index" >> Hidden >> LocGroup("servicenav"),
Menu.i("menu_1") / "100_menu1" submenus(
Menu.i("menu_1a") / "100_menu1a" >> Hidden >> LocGroup("sidenavbar"),
Menu.i("menu_1b") / "200_menu1b" >> Hidden >> LocGroup("sidenavbar"),
Menu.i("menu_1c") / "300_menu1c" >> Hidden >> LocGroup("sidenavbar")
),
Menu.i("menu_2") / "400_menu2" submenus(
Menu.i("menu_2a") / "400_menu2a" >> Hidden >> LocGroup("sidenavbar"),
Menu.i("menu_2b") / "500_menu2b" >> Hidden >> LocGroup("sidenavbar")
)
)
以及html部分:
<ul id="mainnav">
<lift:Menu.builder li_item:class="open" li_path:class="open">
Upper Navigation Panel for primary Menu
</lift:Menu.builder>
</ul>
有人有好主意吗
提前感谢您没有在HTML的第一部分中指定“组”。也许这会有帮助?我第一次误解了你
level
能解决您的问题吗
级别:显示整个选定菜单树的级别。对于顶层,计数从零开始。考虑一个带有“ITEM1”、“ITEM2”和“ITEM3”的顶级菜单,假设“ITEM1”有一个子菜单,其中有项“ITEM1A”和“ITEM1B”。级别0将显示顶层和子菜单(请参见下一选项)。如果选择了item2或item3,则级别1将不显示任何内容,而如果选择了item1变体之一,则将显示item1a和item1b条目
好的,我创建了一个解决方案,将顶部菜单级别分组,让子菜单出现在主站点地图中。这样,就可以应用level参数,因此div中只显示活动子菜单
Menu.i("Startseite") / "index" >> Hidden >> LocGroup("servicenav"),
Menu.i("Impressum") / "about"/"index" >> Hidden >> LocGroup("servicenav"),
Menu.i("menu_1") / "100_menu1" >> LocGroup("mainnavbar") submenus(
Menu.i("menu_1a") / "100_menu1a",
Menu.i("menu_1b") / "200_menu1b",
Menu.i("menu_1c") / "300_menu1c"
),
Menu.i("menu_2") / "400_menu2" >> LocGroup("mainnavbar") submenus(
Menu.i("menu_2a") / "400_menu2a",
Menu.i("menu_2b") / "500_menu2b"
)
以及HTML:
<ul id="mainnav">
<lift:Menu.group group="mainnavbar" level="1">
<li><menu:bind />
</li>
</lift:Menu.group>
</ul>
所以,终于找到了解决方案
我简单地添加了两个站点地图。第一个是level=“0”和expand=“false”,第二个是level=“1”。但是,如果在第二个菜单中单击,则第一个菜单将展开,而与“展开”参数无关。因此,我在样式表中将第一个菜单中以下<ul id="mainnav">
<lift:Menu.builder li_path:class="open" level="0" expand="false">
Top Menu
</lift:Menu.builder>
</ul>
但在第一个我不想要一个组,而是一个主站点地图。还是我误解了你?啊,对不起,我理解错了。我添加了另一个可能的解决方案。级别确实隐藏了条目,但显然不能应用于本地组。
<div id="navblock">
<ul id="nav">
<lift:Menu.builder level="1" li_item:class="opfirstChildOpenen" li_path:class="firstChildOpen">
Side-Navigation panel for submenus
</lift:Menu.builder>
</ul>
</div>
<ul id="mainnav">
<lift:Menu.builder li_path:class="open" level="0" expand="false">
Top Menu
</lift:Menu.builder>
</ul>
<ul id="nav">
<lift:Menu.builder level="1" li_item:class="current" li_path:class="open">
Side-menu
</lift:Menu.builder>
</ul>
ul#mainnav li ul li{
height: 0;
width: 0;
}