2012-05-03 60 views
1

我試圖設置文本AND富(rich):面板的標題中的X(關閉)標籤,但一次只能有一個。rich:面板設置文本和標題中的X(關閉)

實例:

http://docs.jboss.org/richfaces/latest_4_0_X/Component_Reference/en-US/html/images/figu-Component_Reference-richpopupPanel-Header_and_controls.png

但這個例子具有豐富的運行:popupPanel,我需要在豐富的落實:面板組件。

我嘗試:

<rich:panel> 
     <f:facet name="header"> 
      <h:outputText value="Text Header here" /> 
     </f:facet> 
    <f:facet name="controls"> 
     <h:outputLink value="#" onclick="#{rich:component('component')}.hide()return false;"> 
      <h:outputText value="X" /> 
     </h:outputLink> 
    </f:facet> 
</rich:panel> 

AND:

<rich:panel> 
    <f:facet name="header"> 
      <h:outputText value="Text Header here" /> 
    </f:facet> 
     <f:facet name="controls"> 
      <h:outputLink value="#" onclick="#{rich:component('component')}.hide(); return false;"> 
       X 
      </h:outputLink> 
     </f:facet> 
</rich:panel> 

等人,但都沒有奏效

感謝。

+0

模擬相同的行爲,這不是'富:panel'但['豐富:popupPanel'(http://showcase.richfaces.org/richfaces /component-sample.jsf?demo=popup&skin=blueSky) –

+0

是的,但我需要在豐富的實現這個功能:面板 – vctlzac

+0

好吧,讓我告訴你,'rich:panel'沒有'f:facet name =「controls」 '。你可以做的是把** X **放在標題中,然後將它發送到左側 –

回答

1

您可以嘗試做這樣的事情

<h:form id="frmTest"> 
    <rich:panel id="panelTest" style="width: 200px"> 
     <f:facet name="header"> 
      <h:outputText value="Text Header here" /> 
      <div style="position: relative; float: right;"> 
       <a4j:commandLink 
        onclick="document.getElementById('frmTest:panelTest').style.display='none'; return false;"> 
        <h:outputText value="X" /> 
       </a4j:commandLink> 
      </div> 
     </f:facet> 
     <p> 
      Some text here! 
     </p> 
    </rich:panel> 
    <br /> 
    <a4j:commandLink onclick="document.getElementById('frmTest:panelTest').style.display='block'; return false;"> 
     <h:outputText value="Show panel" /> 
    </a4j:commandLink> 
</h:form>