默认情况下可切换子菜单折叠答案

【问题标题】：submenu toggleable collapse by default默认情况下可切换子菜单折叠
【发布时间】：2021-06-08 19:48:55
【问题描述】：

对不起，如果这是一个愚蠢的问题

但我的应用中有一个包含 1 个子菜单的菜单 (jsf - primefaces 7) 菜单在我的所有页面上（我有一个母版页）

我希望子菜单默认折叠，我不想保持状态

所以用户必须展开 -> 点击子菜单中的一个项目

但我不能让它工作

<p:menu toggleable="true">
      <p:menuitem value="page1" outcome="page1"/>
      <p:menuitem value="page2" outcome="page2"/>
      <p:menuitem value="page3" outcome="page3"/>
      <p:menuitem value="page4" outcome="page4"/>
    
      <p:submenu label="submenu" expanded="false">
            <p:menuitem value="page5" outcome="page5" />
      </p:submenu>
</p:menu>

我有两个问题

如果页面加载需要一些时间，我们可以看到子菜单在折叠之前展开了
一旦我导航到另一个页面（例如 page2），在重定向后，子菜单就会展开

【问题讨论】：

标签： jsf primefaces

【解决方案1】：

这是一个primefaces issue，你也可以在 Primefaces showcase，在 Toggleable 菜单中。

您可以通过使用实现所需的行为

<p:menubar>

而不是

<p:menu>

鼠标悬停时自动显示，使用

<p:menubar autoDisplay="true">

【讨论】：