Layout primefaces菜单无法在整页布局中完全显示

Layout primefaces菜单无法在整页布局中完全显示,layout,menu,primefaces,overlap,Layout,Menu,Primefaces,Overlap,几天前,我在primefaces论坛上问了一个问题,但没有人回答我 我在全页布局(position=“west”)中使用时遇到问题,子菜单无法完全显示。 由于我不希望增加西部布局的宽度,可以使其与(position=“center”)重叠显示吗 下面以图片作为参考链接ATCH 这是代码的一部分: <p:layoutUnit position="west" size="200" > <ui:insert name="sideBar">

几天前,我在primefaces论坛上问了一个问题,但没有人回答我

我在全页布局(position=“west”)中使用时遇到问题,子菜单无法完全显示。 由于我不希望增加西部布局的宽度,可以使其与(position=“center”)重叠显示吗

下面以图片作为参考链接ATCH

这是代码的一部分:

<p:layoutUnit position="west" size="200" >  
  <ui:insert name="sideBar">                        
    <h:form>
      <p:menu type="tiered" >  
        <p:submenu label="Sales" >                                      
          <p:menuitem disabled="#{user.customer}" value="Approve" url="/sales/approve.jsf" style="width:50px" />                                                
        </p:submenu> 
        <p:separator />  
        <p:submenu label="Customer">   
          <p:menuitem disabled="#{user.sales}" value="customer" url="/customer/customer.jsf" style="width:50px" />
        </p:submenu>
      </p:menu>
    </h:form>          
  </ui:insert>  
</p:layoutUnit>

我刚刚将primefaces更新到3.1,发现了一个功能OverlyPanel,我可以知道它是否可以用来解决我的问题吗

提前谢谢


[Eclipse Indigo、tomcat 7、Java EE 6、PrimeFaces 3.1、Mojarra 2.0.3]

终于有人在PrimeFaces论坛上回复了我的帖子。
它解决了我的问题。
以下是链接:

更新:
答:一些css技巧可以解决这个问题,只需更改溢出和z-index属性。
我附上答案代码如下:

<h:head>
 <style>
  #leftPanel {z-index:2 !important; }
  #leftPanel div{overflow:visible;}
 </style>
</h:head>

<p:layoutUnit position="west" size="200" id="leftPanel">  
  <ui:insert name="sideBar">                        
    <h:form>
      <p:menu type="tiered" >  
        <p:submenu label="Sales" >                                      
          <p:menuitem disabled="#{user.customer}" value="Approve" url="/sales/approve.jsf" style="width:50px" />                                                
        </p:submenu> 
        <p:separator />  
        <p:submenu label="Customer">   
          <p:menuitem disabled="#{user.sales}" value="customer" url="/customer/customer.jsf" style="width:50px" />
        </p:submenu>
      </p:menu>
    </h:form>          
  </ui:insert>  
</p:layoutUnit>

#左面板{z-索引:2!重要;}
#leftPanel div{溢出:可见;}

这不是答案,只是一些信息。默认情况下,子菜单DOM元素在
display:none
时为
z-index:1001
设置了一个内联样式,但是当Javascript悬停事件将其设置为
display:block
时,该事件也会增加
z-index:1018
。问题是,即使设置了内联样式,它也可能被Primefaces Java脚本覆盖。但即使这样,我也不认为是z-index造成的,因为中间面板的z-index通常默认设置为1。这显然不是一个容易的问题。