Ajax and ui:repeat

[Brunda Gundamaraj]

On change of dropdown a part of my page should be rendered.
I thought the best way would be to use a <a4j utputPanel>

on change of dropdown i will render the entire outputPanel.
My outputPanel has a ui:repeat/a4j:repeat tag.

Now my problem is the data inside theui:repeat tag is not being rendered on change of the drop down.

Here is the HTML

<h :p anelGrid id="avInfoSelect">
                                    <h:selectOneMenu  value="#{adHocProp.selectedValue}" rendered="#{(adHocProp.propertyType==1) && (adHocProp.propertyID==34)}" >    
                                        <f:selectItem itemValue ="No"  itemLabel="No" />
                                        <f:selectItem itemValue ="Yes"  itemLabel="Yes" />
                                        <a4j:support event ="onchange" actionListener="#{meetingReq.additionalInfoProperty}" reRender="avPanel,otext,avCustom,avRepeat" >
                                            <f :p aram value="#{adHocProp.propertyID}" name="adhocPropertyID"/>
                                        </a4j:support>
                                    </h:selectOneMenu>
                                </h :p anelGrid>
 
 <a4j :o utputPanel id="avPanel" layout="none">
                        <tr><td colspan="2"> <h :p anelGrid rendered="#{(meetingReq.renderAVInfo)}" id="avCustom" >  <f:verbatim> <p> #{meetingReq.avInfoCustomText} </p> </f:verbatim> </h :p anelGrid> </td></tr>      
                        <a4j:repeat value="#{meetingReq.avInfoList}" var="adHocProp" id="avRepeat">
                            <tr>
                                <td>
                                   <h :o utputText value="#{adHocProp.modifiedPropertyName}:"  styleClass="#{adHocProp.mandatoryStyleClass}" />  
                                </td>
                                <td>
                                <h:inputText value="#{adHocProp.selectedValue}" id="inputTxt" rendered="#{(adHocProp.propertyType==0)}" /> 
                                    <h:selectOneMenu  value="#{adHocProp.selectedValue}" rendered="#{(adHocProp.propertyType==1)}" >
                                        
                                        <f:selectItems value="#{adHocProp.propertyValues}" />  
                                    </h:selectOneMenu>
                                    <h:selectManyCheckbox value="#{adHocProp.selectedValues}" rendered="#{(adHocProp.propertyType==2) && (meetingReq.renderAVInfo) }" >
                                        
                                        <f:selectItems value="#{adHocProp.propertyValues}" />  
                                    </h:selectManyCheckbox>     
                                    <h:inputTextarea value="#{adHocProp.selectedValue}" rendered="#{(adHocProp.propertyType==4) && (meetingReq.renderAVInfo) }" />
                                </td>
                            </tr>
                        </a4j:repeat>
                    </a4j :o utputPanel>

Any help would be appreciated.
Thanks
Brunda

[edited to disabled smilies]
[ October 11, 2008: Message edited by: Jeanne Boyarsky ]

[Jeanne Boyarsky]

Brunda,
This doesn't sound like a performance question so I'll move it to our HTML forum for you.

[Bear Bibeault]

It might help to state where these tags are from.