Dynamically created element rendering problems
vijayrajan1980 Jun 25, 2010 8:13 AMWe are creating dynamic tab components for assoiation. In case we need to have another association tab, we use a modal panel as shown below in figure 2. The problem we are facing is that, the data we have entered in the two other tabs is lost when we add another tab. Is there a way around it??
Figure 1
Figure 2
The code is as follows
<rich:tab label="Association">
<a4j:outputPanel id="a4jAssociationTabs">
<rich:tabPanel rendered="#{not empty customerEntry.associationList}" switchType="client">
<c:forEach items="#{customerEntry.associationList}" var="association">
<rich:tab rendered="#{association.rendered}">
............
..................
</rich:tab>
</c:forEach>
<rich:tab>
<f:facet name="label"> //The add button
<h:panelGroup>
<h:graphicImage value="/images/icons/add.png"
style="width:12px; height:12px;" />
<rich:componentControl for="modPanAssociation" operation="show" event="onclick"/>
</h:panelGroup>
</f:facet>
</rich:tab>
</rich:tabPanel>
<rich:modalPanel id="modPanAssociation" width="150" height="250" resizeable="false">//the modal panel
<f:facet name="header">
<h:panelGroup>
<h:outputText value="Select Association"></h:outputText>
</h:panelGroup>
</f:facet>
<f:facet name="controls">
<h:panelGroup>
<h:graphicImage value="/images/icons/close.png" id="hidelinkAssociation" />
<rich:componentControl for="modPanAssociation" attachTo="hidelinkAssociation" operation="hide" event="onclick"/>
</h:panelGroup>
</f:facet>
<a4j:form>
<c:forEach items="#{customerEntry.associationList}" var="association">
<h:selectBooleanCheckbox value="#{association.rendered}" disabled="#{not association.removable}"/>
<h:outputLabel value="#{association.name}" />
<f:verbatim> <br /> <br /></f:verbatim>
</c:forEach>
<a4j:commandButton value="ADD"
oncomplete="Richfaces.hideModalPanel('modPanAssociation')"
reRender="a4jAssociationTabs" limitToList="true"/>
</a4j:form>
</rich:modalPanel>