меню Primefaces не может полностью отображаться в макете страницы - PullRequest
Новая
       24

меню Primefaces не может полностью отображаться в макете страницы

5 голосов
/ 06 февраля 2012

Несколько дней назад я задал 1 вопрос на форуме Primefaces, но никто не ответил мне.

Я столкнулся с проблемой при использовании в макете полной страницы (position = "west"), подменю не может отображаться полностью. Можно ли заставить его отображаться в виде наложения (position = "center"), поскольку я не хочу увеличивать ширину западного макета?

под ссылкой, с изображением в качестве ссылки.

http://www.imagebucket.net/bucket/is.php?i=10434&img=image.jpg

это часть кода: 

<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 и обнаружил, что у меня есть 1 особенность overlayPanel. Могу ли я узнать, можно ли использовать ее для решения моей проблемы?

спасибо заранее ..

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

1 Ответ

9 голосов
/ 09 февраля 2012

наконец-то кто-то ответил на мой пост на форуме Primefaces.Это решило мою проблему.вот ссылка:http://forum.primefaces.org/viewtopic.php?f=3&t=18033&p=56425#p56425

обновление:ответ: некоторые трюки CSS смогут это исправить, просто измените свойство overflow и 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>
...