Rendering Tree Structure from nested Iterators

Question

I am attempting to create a master-detail tree structure using nested iterators using JDeveloper 11.1.1.6.0. I have my data control set up and the master - child relation is set up using a view link.
The intent is to be able to have a form that results in the following basic design:
------------------|
parent 1 details
-child 1 details and operations
-child 2 details and operations
------------------|
parent 2 details
-child 3 details and operations
------------------|
Thus far when I've tried nested iterators using the data control, I instead get the following:
------------------|
parent 1 details
-child 1 details and operations
-child 2 details and operations
-child 3 details and operations
------------------|
parent 2 details
------------------|
-child 1 details and operations
-child 2 details and operations
-child 3 details and operations
------------------|
I've attempted to get this to work by using two completely seperate binding iterators, each tied to a different af:iterator in the following structure:
<af:iterator id="i1" value="#{bindings.parent.collectionModel} var="row" rows="#{bindings.parentIterator.rangeSize}">
  <af:panelBox text="#{row.bindings.detail.inputValue}">
    <af:iterator id="i2" value="#{bindings.child.collectionModel}" var="row2" rows="#{bindings.childIterator.rangeSize}">
      <af:outputText value="#{row2.bindings.detail.inputValue}"/>
    </af:iterator>
  </af:panelBox>
</af:iterator>However, this renders the above situation. I have not been ablue to figure out how to have the second iterator's values be dependant on the current row of the first iterator. I can get the organizational structure to work using an af:tree element and my data control. However, I cannot modify the look of the af:tree elements to match what is required by the customer, nor do I beleive that I could create the required functionality using it. Does anyone have any suggestions on how to get this to work?
Thank you
Edited by: user13468716 on May 15, 2012 6:23 AM

Answer 1

You can't use collectionModel for both the iterators. You will either need to create a treeBinding with a tree level rule and refer the first one as +#{bindings.<TreeBindingName>.treeModel}+ name it as row
and refer to the next iterator as #{row.<TreeLevelRuleName>}.
This will atleast create the stamping of the rows properly.Something like this -
<af:iterator id="i1" value="#{bindings.parent.treeModel} var="row" rows="#{bindings.parentIterator.rangeSize}">
  <af:panelBox text="#{row.bindings.detail.inputValue}">
    <af:iterator id="i2" value="#{row.child}" var="row2" rows="#{bindings.childIterator.rangeSize}">
      <af:outputText value="#{row2.bindings.detail.inputValue}"/>
    </af:iterator>
  </af:panelBox>
</af:iterator>where +parent+ is a treeBinding having +child+ as a tree level rule
Edited by: Sudipto Desmukh on May 15, 2012 6:57 PM