1 Reply Latest reply on Oct 2, 2008 1:34 AM by pkawiak
Problem with modal panel and a4j:support

damianalbrun Oct 1, 2008 2:08 PM
Hi,

I want to hide/show two differents panels groups, for this porpouse i use 2 radio buttons and a4j:support to reRender the panels.
This works fine in a common page, but when i do it modal don't show me the diferents panels that i want to see.

This is the page:
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
 xmlns:ui="http://java.sun.com/jsf/facelets"
 xmlns:h="http://java.sun.com/jsf/html"
 xmlns:rich="http://richfaces.org/rich"
 xmlns:a4j="http://richfaces.org/a4j"
 xmlns:f="http://java.sun.com/jsf/core"
 xmlns:aqua="http://www.aguasdesevilla.com/aqua/kernel">

 <a4j:form>
 <div id="zona_Consulta" class="filterbar">

 <fieldset><legend class="legend"> <h:outputText
 value="#{msg.gestionpersonas_criteriosSeleccion}" /> </legend>

 <h:panelGrid columns="2">
 <h:column>
 <fieldset style="width: 135px; height: 80px;"><legend
 class="legend"> <h:outputText
 value="#{msg.gestionpersonas_tipoPersona}" /> </legend> <br />
 <aqua:selectOneRadio binding="#{personasBean.selectTipoPersona}"
 valueChangeListener="#{personasBean.doValChangePertipoListener}"
 value="#{personasBean.filtro.personas.pertipo}" id="pertipo"
 secureId="pertipo" layout="pageDirection" styleClass="radios_thin"
 style="margin-left:30px">
 <a4j:support
 actionListener="#{personasBean.doChangeTipoPersonaListener}"
 event="onclick"
 reRender="pjuridica,pfisica,tipoPersona,panel_listado_personas,pannelButon" />
 <f:selectItem itemValue="F"
 itemLabel="#{msg.gestionpersonas_tipoFisica}" />
 <f:selectItem itemValue="J"
 itemLabel="#{msg.gestionpersonas_tipoJuridica}" />
 </aqua:selectOneRadio></fieldset>
 </h:column>

 <h:column>

 <!-- PARA PERSONA FISICA -->
 <h:panelGroup id="pfisica" binding="#{personasBean.panelTipoFisica}"
 rendered="#{personasBean.filtro.personas.pertipo == 'F'}">
 <div><h:panelGrid columns="2">
 <h:outputText value="NIF/CIF" />
 <h:outputText value="Nombre" />
 <aqua:inputText secureId="nifcif" id="nif_ci5f"
 styleClass="space_Text" />
 <aqua:inputText secureId="nombre" id="nomb5re5"
 styleClass="space_Text" size="80" />
 </h:panelGrid></div>
 <div><h:panelGrid columns="2">
 <h:outputText value="Primer apellido" />
 <h:outputText value="Segundo apellido" />
 <aqua:inputText secureId="nifcif" id="segundoapellido54"
 styleClass="space_Text" size="50" />
 <aqua:inputText secureId="nombre" id="primerapellido45"
 styleClass="space_Text" size="50" />
 </h:panelGrid></div>
 </h:panelGroup>
 <!-- PARA PERSONA JURIDICA -->
 <h:panelGroup id="pjuridica" binding="#{personasBean.panelTipoJuridica}"
 rendered="#{personasBean.filtro.personas.pertipo == 'J'}">
 <h:panelGrid columns="2">
 <h:outputText id="filtroNifJur"
 value="#{msg.gestionpersonas_nifcif}" />
 <h:outputText value="#{msg.gestionpersonas_anagrama}" />
 <aqua:inputText secureId="Jpernif" id="Jpernif"
 value="#{personasBean.filtro.personas.pernif}" />
 <aqua:inputText secureId="Jnombre" id="Jnombre"
 value="#{personasBean.filtro.personas.nombre}" size="80" />
 </h:panelGrid>
 <h:panelGrid columns="1">
 <h:outputText value="#{msg.gestionpersonas_razonSocial}" />
 <aqua:inputText secureId="peranagrama" id="peranagrama"
 value="#{personasBean.filtro.personas.peranagrama}" size="107" />
 </h:panelGrid>
 </h:panelGroup>

 </h:column>
 </h:panelGrid>

 <div><span> <h:outputText
 value="Excluido intereses demora" styleClass="spacer_Text" /> </span> <span
 style="padding-left: 50px"> <h:outputText
 value="Indicador especial" styleClass="spacer_Text" /> </span> <span
 style="padding-left: 90px"> <h:outputText
 value="Tipo de Busqueda" styleClass="spacer_Text" /> </span></div>
 <div><aqua:selectOneMenu id="excluxivo" secureId="situacion"
 styleClass="spacer_Text" style="width: 140px">
 <f:selectItem itemLabel="En ejecuciÃƒÂ³n" />
 <f:selectItem itemLabel="No ejecuciÃƒÂ³n" />
 </aqua:selectOneMenu> <aqua:selectOneMenu id="siindicador" secureId="situacion"
 styleClass="spacer_Text" style="width: 140px">
 <rich:spacer width="40px" />
 <f:selectItem itemLabel="Todas" />
 <f:selectItem itemLabel="En ejecuciÃƒÂ³n" />
 <f:selectItem itemLabel="No ejecuciÃƒÂ³n" />
 </aqua:selectOneMenu> <aqua:selectOneMenu id="tipodebusqueda5" secureId="situacion"
 styleClass="spacer_Text" style="width: 140px">
 <rich:spacer width="40px" />
 <f:selectItem itemLabel="Todas" />
 <f:selectItem itemLabel="Todas" />
 <f:selectItem itemLabel="En ejecuciÃƒÂ³n" />
 <f:selectItem itemLabel="No ejecuciÃƒÂ³n" />
 </aqua:selectOneMenu> <aqua:a4jCommandButton secureId="btnBuscar" id="botonBuscar"
 value="#{msg.gestionpersonas_buscar}" style="margin-left:215px"
 action="#{personasBean.buscarAction}" /></div>
 </fieldset>
 </div>




 <fieldset style="height: 280px; overflow: auto;"><a4j:outputPanel
 id="panel_listado_personas">

 <aqua:dataScroller for="listado_personas" id="data_scroll"
 ajaxSingle="false" immediate="false"
 binding="#{personasBean.scroller}"
 actionListener="#{personasBean.doPaginateListener}"
 reRender="pannelButon,legend_row_count" />

 <aqua:dataTable frame="border" id="listado_personas"
 headerClass="cabecera_tabla" onRowSelection="doSelection(this.id)"
 onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
 onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
 rows="#{personasBean.tamPagina}" binding="#{personasBean.data}"
 var="record" value="#{personasBean.modelo}" width="100%">

 <aqua:column id="listaPer_column_pkid" width="0px;"
 pkid="#{record.pkid}" />

 <rich:column width="20%" style="align: left;"
 rendered="#{personasBean.filtro.personas.pertipo == 'F'}">
 <f:facet name="header">
 <h:outputText value="#{msg.gestionpersonas_nif}" />
 </f:facet>
 <h:outputText value="#{record.pernif}" />
 </rich:column>

 <rich:column width="80%" style="align: left;"
 rendered="#{personasBean.filtro.personas.pertipo == 'F'}">
 <f:facet name="header">
 <h:outputText value="#{msg.gestionpersonas_nombre}" />
 </f:facet>
 <h:outputText value="#{record.nombreCompleto}" />
 </rich:column>


 <rich:column width="20%" style="align: left;"
 rendered="#{personasBean.filtro.personas.pertipo == 'J'}">
 <f:facet name="header">
 <h:outputText value="#{msg.gestionpersonas_nifcif}" />
 </f:facet>
 <h:outputText value="#{record.pernif}" />
 </rich:column>

 <rich:column width="40%" style="align: left;"
 rendered="#{personasBean.filtro.personas.pertipo == 'J'}">
 <f:facet name="header">
 <h:outputText value="#{msg.gestionpersonas_nombre}" />
 </f:facet>
 <h:outputText value="#{record.nombre}" />
 </rich:column>

 <rich:column width="40%" style="align: left;"
 rendered="#{personasBean.filtro.personas.pertipo == 'J'}">
 <f:facet name="header">
 <h:outputText value="#{msg.gestionpersonas_anagrama}" />
 </f:facet>
 <h:outputText value="#{record.peranagrama}" />
 </rich:column>

 </aqua:dataTable>
 </a4j:outputPanel> <a4j:jsFunction name="doSelection" reRender="pannelButon">
 <a4j:actionparam name="seleccion"
 assignTo="#{personasBean.seleccion}" />
 </a4j:jsFunction></fieldset>
 <!-- Panel de Botones -->
 <a4j:outputPanel id="pannelButon" ajaxRendered="true">
 <h:inputHidden value="#{personasBean.seleccion}" />
 <div style="height: 27px; margin-top: 8px;"><rich:toolBar
 height="20" itemSeparator="rigth" styleClass="botonera">
 <rich:toolBarGroup location="right">
 <aqua:commandButton secureId="btnVer" id="botonVer"
 styleClass="botonGrande boton" value="Seleccionar" />
 <aqua:commandButton secureId="btnAnadir" id="botonAnadir"
 styleClass="botonGrande boton" value="Detalle" />
 </rich:toolBarGroup>
 </rich:toolBar></div>
 </a4j:outputPanel>
 <!-- Fin Panel de Botones -->
 </a4j:form>

</jsp:root>
1. Re: Problem with modal panel and a4j:support

pkawiak Oct 2, 2008 1:34 AM (in response to damianalbrun)

I don't see any modalPanels in the code you have provided ... When you are using modalPanels you have to remember to refresh CONTENTS of the panel ,and not the panel itself, to see the difference. Hope it helps.
Actions