rico: texto del conjunto del panel y X (Cerrar) en el encabezado

Estoy tratando de establecer un texto Y DE Etiqueta X (Cerrar) en el encabezado de rich: panel, pero solo puedo uno a la vez.

Ejemplo en:

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

Pero este ejemplo se ejecuta con rich:popupPanel, y necesito implementarlo en el componente rich:panel.

Estoy intentado :

<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>

Y:

<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>

Y otros, pero todos no funcionaron.

Gracias.

preguntado el 03 de mayo de 12 a las 20:05

esto no es rich:panel pero rich:popupPanel -

Sí, pero necesito implementar estas características en rich:panel -

Bueno, déjame decirte que rich:panel no tiene f:facet name="controls". Lo que podrías hacer es poner el X en el encabezado y enviarlo a la izquierda -

De acuerdo, pero ¿cómo manejo el clic de evento cuando el usuario hace clic exactamente en "X"? -

1 Respuestas

Puede intentar simular el mismo comportamiento haciendo algo como

<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>

contestado el 04 de mayo de 12 a las 22:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.