Af:panelaccordion with dynamic number of af:showDetailItem (af:iterator)

Question

Hi,
Jdev 11.1.1.2.0.
We need a panel accordion displaying a master-detail relation.
The af:showDetailItem displays the text of the master table.
To create a af:showDetailItem for each master record I want to use af:iterator but this seems to be an invalid child of af:panelAccordion (af:foreach works).
(can't drag af:iterator as child of af:panelaccordion).
I edited the JSPX code manually to replace af:foreach by af:iterator.
Here the part of the code:
        <af:panelAccordion id="pa1" discloseMany="true">
          <af:iterator var="varDept" id="i1"
                       value="#{bindings.DeptView1.collectionModel}">
            <af:showDetailItem text="#{varDept.Dname}" id="sdi1"
                               inflexibleHeight="70" flex="1"
                               stretchChildren="first" disclosed="true"
                               disclosedTransient="true">
              <af:table value="#{varDept.children}" var="row"
                        rows="#{bindings.EmpView2.rangeSize}"
                        rowBandingInterval="0"
                        selectedRowKeys="#{bindings.EmpView2.collectionModel.selectedRow}"
                        rowSelection="single" id="t1"
                        contentDelivery="immediate">
                <af:column sortProperty="Empno" sortable="true"
                           headerText="#{bindings.EmpView2.hints.Empno.label}"
                           id="c5">
                  <af:inputText value="#{row.bindings.Empno.inputValue}"
                                label="#{bindings.EmpView2.hints.Empno.label}"
                                required="#{bindings.EmpView2.hints.Empno.mandatory}"
                                columns="#{bindings.EmpView2.hints.Empno.displayWidth}"
                                maximumLength="#{bindings.EmpView2.hints.Empno.precision}"
                                shortDesc="#{bindings.EmpView2.hints.Empno.tooltip}"
                                id="it4">
                    <f:validator binding="#{row.bindings.Empno.validator}"/>
                    <af:convertNumber groupingUsed="false"
                                      pattern="#{bindings.EmpView2.hints.Empno.format}"/>
                  </af:inputText>
...In my first test my example also works with af:iterator even there are errors thrown at design time.
Question:
======
1) Is af:iterator really not a valid child of af:panelAccordion or is this just a bug of Jdev IDE?
(Doc of af:panelAccordion says following: http://download.oracle.com/docs/cd/E15051_01/apirefs.1111/e12419/tagdoc/af_panelAccordion.html
....Typically you would put one or more showDetailItem components inside of the panelAccordion but you may also alternatively place a facetRef, group, iterator, or switcher inside of the panelAccordion .....
2) What are the limitations when I use af:forEach instead of af:iterator?
regards
Peter

Answer 1

Hi,
try af:forEach. The example below works for me
  <f:view>
    <af:document>
      <af:messages/>
      <af:form>
        <af:panelStretchLayout>
          <f:facet name="bottom"/>
          <f:facet name="center">
          <af:panelAccordion>
            <af:forEach items="#{bindings.LocationsView1.children}"
                        var="locationNode">
              <af:showDetailItem text="#{locationNode.City}">
                  <af:panelGroupLayout layout="scroll">
                    <af:forEach items="#{locationNode.children}"
                                var="departmentsNode">
                      <af:panelBox text="#{departmentsNode.DepartmentName}">
                        <f:facet name="toolbar"/>
                        <af:panelGroupLayout halign="center"
                                             rendered="#{departmentsNode.children !=null}">
                          <af:table var="row" columnBandingInterval="0"
                                    rowBandingInterval="1"
                                    value="#{departmentsNode.children}">
                            <af:column sortable="false" headerText="Firstname">
                              <af:outputText value="#{row.FirstName}"/>
                            </af:column>
                            <af:column sortable="false" headerText="Lastname">
                              <af:outputText value="#{row.LastName}"/>
                            </af:column>
                            <af:column sortable="false" headerText="Mail">
                              <af:outputText value="#{row.Mail}"/>
                            </af:column>
                            <af:column sortable="false" headerText="Hiredate">
                              <af:outputText value="#{row.HireDate}"/>
                            </af:column>
                            <af:column sortable="false" headerText="Salary">
                              <af:outputText value="#{row.Salary}"/>
                            </af:column>
                          </af:table>
                        </af:panelGroupLayout>
                      </af:panelBox>
                    </af:forEach>
                  </af:panelGroupLayout>
                </af:showDetailItem>
            </af:forEach>
            </af:panelAccordion>
          </f:facet>
          <f:facet name="top"/>
          <f:facet name="start"/>
          <f:facet name="end"/>
        </af:panelStretchLayout>
      </af:form>
    </af:document>
  </f:view>Frank