Question

我使用p：megaMenu作为菜单。 p：megaMenu在不使用<ui:composition>的情况下工作良好。当我在<ui:composition>中使用p：megaMenu时，子菜单效果不佳。单击megamenu时子菜单会淡出，当鼠标悬停在子菜单上时，菜单会淡入并且无法单击。为什么？有人回答我。

这是我的页面

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
    <h:form id="menuForm" >
        <p:megaMenu autoDisplay="false">
            <p:menuitem value="Dashboard" action="dashboard" ajax="false" immediate="true" />
            <p:submenu label="home" >
                <p:column>
                    <p:submenu label="Survey Question">
                        <p:menuitem value="Survey Question" action="manageSurveyQuestion" ajax="false" immediate="true"  />
                    </p:submenu>
                </p:column>
            </p:submenu>
        </p:megaMenu>
    </h:form>
</ui:composition>

Answer 1

有没有模板文件？它在template代码中缺少ui:composition。

<ui:composition .... template="/yourtempalte.xhtml">
  <ui:define name="xxxx">      <--- It is optional

  </ui:define>
</ui:composition>

当放置在ui：composition中时，p：子菜单在点击p：megaMenu时淡出，并且在鼠标悬停时无法点击

1 个答案: