No Ajax-Requests inside modalPanel ?
juergen.zimmermann Jul 24, 2008 3:53 AMI tried to make Ajax requests inside rich:modalPanel, but had no success. Any hint is appreciated!
The modal panel is defined as follows:
<rich:modalPanel id="detailModalPanel2" width="400" height="300"> <f:facet name="header"> <h:outputFormat id="detailModalTitle2" value="#{i18n['modalPanel.details.title']}"> <f:param id="detailModalTitleId2" value="#{kunde.id}"/> </h:outputFormat> </f:facet> <f:facet name="controls"> <h:panelGroup> <h:graphicImage id="closeDetailModalPanel2" value="/images/close.png" style="cursor:pointer" alt="#{i18n['modalPanel.button.close']}"/> <rich:componentControl for="detailModalPanel2" attachTo="closeDetailModalPanel2" operation="hide" event="onclick"/> </h:panelGroup> </f:facet> <a4j:include viewId="/kundenverwaltung/modalPanel.details2.xhtml" /> </rich:modalPanel> <h:outputLink id="openDetailModalPanel2" value="#"> <h:graphicImage id="detailsIcon" url="/images/details2.gif" alt="#{i18n['modalPanel.button.details2']}"/> <rich:componentControl for="detailModalPanel2" attachTo="openDetailModalPanel2" operation="show" event="onclick"/> </h:outputLink>
The included file for the modal panel is a tabPanel. However, if I click on the 2nd tab, then nothing happens. If I change switchType to "client", then everything works fine.
<a4j:form id="tabPanelForm"> <rich:tabPanel id="tabPanel" switchType="ajax"> <rich:tab id="stammdatenTab"> <f:facet name="label"> <h:panelGroup> <h:graphicImage value="/images/stammdaten.gif"/> Â <h:outputText value="#{i18n['panelGridDetails.kunde.stammdaten']}" /> </h:panelGroup> </f:facet> <h:panelGrid id="ausgewaehlterKunde" columns="2"> ... </h:panelGrid> </rich:tab> <rich:tab id="bestellungenTab" rendered="#{not empty kunde.bestellungen}"> <f:facet name="label"> <h:panelGroup> <h:graphicImage value="/images/bestellungen.gif"/> Â <h:outputText value="#{i18n['tabelle.kunde.bestellungen']}" /> </h:panelGroup> </f:facet> <h:dataTable id="bestellungenTabelle" value="#{kunde.bestellungen}" var="bestellung"> <rich:column> <rich:simpleTogglePanel label="#{i18n['bestellung']} #{bestellung.id}" opened="false" width="100%" heigth="100%" switchType="client"> <rich:dataTable id="bestellungTabelle" value="#{bestellung.bestellpositionen}" var="bp"> <rich:column> <f:facet name="header"> <h:outputText value="#{i18n['bestellung.anzahl']}"/> </f:facet> <h:outputText value="#{bp.anzahl}"/> </rich:column> <rich:column> <f:facet name="header"> <h:outputText value="#{i18n['bestellung.artikel']}"/> </f:facet> <h:outputText value="#{bp.artikel.bezeichnung}"/> </rich:column> </rich:dataTable> </rich:simpleTogglePanel> </rich:column> </h:dataTable> </rich:tab> </rich:tabPanel> </a4j:form>