1 Reply Latest reply on Oct 2, 2008 1:34 AM by Piotr Kawiak

    Problem with modal panel and a4j:support

    Damian Albrun Newbie

      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>