Parent Child Synchronization using a Iterator Component

Question

Hi All,
I am working on ADF 11.1.1.5.0. I have the following business requirement :
I have DepartmentVO and EmployeeVO with a view link defined on DepartmentId attribute.
Use Case : I need to display all departments with their respective childs with a specific UI design i.e. i need to show all the Departments as Panel boxes and their respective children inside the panel box.
So for that i have used the Iterator component which will dynamically create Panel boxes based on the rowcount of DepartmentVO .(if there are 5 records in dept table then 5 panel boxes will be formed).
Similarly for child i have used another Iterator component(inside parent Iterator) which will display its respective children.
jspx code is as follows :
<af:panelGroupLayout id="pgl1" layout="scroll">
<af:iterator id="i2" value="#{bindings.DepartmentsView1.collectionModel}"
var="row">
<af:panelBox text="#{row.DepartmentId} -- #{row.DepartmentName}" id="pb1" styleClass="AFStretchWidth">
<af:panelGroupLayout id="pgl3">
<af:iterator id="i1" value="#{bindings.EmployeesView3.collectionModel}"
var="attr">
<af:outputText value="#{attr.DepartmentId}" id="ot1"/>
<af:outputText value="#{attr.FirstName}" id="outputText1"/>
<af:outputText value="#{attr.LastName}" id="outputText2"/>
</af:iterator>
</af:panelGroupLayout>
</af:panelBox>
</af:iterator>
</af:panelGroupLayout>
When i run the page i see all the parent records as panel boxes but child records are not properly synchronized. The children of first parent is getting repeated inside all parents.This probably is the first parent is set as current row for which its children get repeated in all other parents.
If i run the same through AppModule it runs perfectly as in appmodule run we hv a NEXT button to iterate the Parent VO.
Thnks
-Sanjeeb

Answer 1

HI ,
Instead of what you have tried, you can try this. EmployeesView here should be present as a child accessor in DepartmentsView.
<af:iterator id="i2"
value="#{bindings.DepartmentsView1.collectionModel}"
var="row">
<af:panelBox text="#{row.DepartmentId} --#{row.DepartmentName}"
id="pb1" styleClass="AFStretchWidth">
<af:panelGroupLayout id="pgl3" layout="vertical">
<af:iterator id="i1" value="#{row.EmployeesView}" var="attr">
<af:panelGroupLayout id="pgl0" layout="horizontal">
<af:outputText value="#{attr.FirstName}" id="outputText1"/>
<af:outputText value="#{attr.EmployeeId}" id="outputText2"/>
<af:outputText value="#{attr.LastName}" id="outputText3"/>
</af:panelGroupLayout>
</af:iterator>
</af:panelGroupLayout>
</af:panelBox>
</af:iterator>
Hope this anwsers your question.
Thanks,
TJ