Af:forEach statement causing other jsf components to be repeated

Question

Hi,
I am experiencing the same problems as recorded in the following log:
JSF af:forEach is looping also tags outside of af:forEach
I have replaced my af:forEach tag with af:iterator which works with the number of items coming back changing dynamically (and therefore does not cause the display issues), however I can't display the iterator results in the same way as for the forEach loop.
I am trying to get the iterator output displayed in a 3 by 3 grid, but the panel grid does not seem to recognise the iterator output as separate cells but just one continual line.
Does anyone have any ideas as to how I can achieve the above?
Thanks,
Dave

Answer 1

Hi Frank,
Thanks so much for replying.
The code that is causing me problems is as follows:
<h:panelGrid width="335" columns="3">
<af:forEach var="row" items="#{bindings.WsWanalItemsView1.rangeSet}">
<af:panelGroup layout="vertical">
<af:commandLink action="#{backing_catalogue.selectProduct_action}">
<af:objectImage
source="http://#{res[\'filehandling.ip_address\']}/FileHandling/imageScale
?entity=STY&type=THUMB&image=#{row.Stycode}&pic=thumb&X=100&Y=100
&subtype=NONE&subentity=NONE"
height="137" width="104"/>
<af:setActionListener from="#{row.Stycode}"
to="#{processScope.ParamStyCode}"/>
<af:setActionListener from='#{\"NONE\"}'
to="#{processScope.ParamSubEntityType}"/>
<af:setActionListener from='#{\"NONE\"}'
to="#{processScope.ParamSubEntity}"/>
</af:commandLink>
<af:panelHorizontal>
<af:commandLink text="#{row.Thumbcomment}"
inlineStyle="font-size:9.0pt;"
action="#{backing_catalogue.selectProduct_action}">
<af:setActionListener from="#{row.Stycode}"
to="#{processScope.ParamStyCode}"/>
<af:setActionListener from='#{\"NONE\"}'
to="#{processScope.ParamSubEntityType}"/>
<af:setActionListener from='#{\"NONE\"}'
to="#{processScope.ParamSubEntity}"/>
</af:commandLink>
<af:objectSpacer width="1" height="16"/>
</af:panelHorizontal>
</af:panelGroup>
</af:forEach>
</h:panelGrid>
The forEach statement is bound to a table that brings back product Id's (9 at a time), which are then put into the source url for an object image to display the relevant image. There is also a caption hyperlink displayed underneath the image.
The forEach statement is placed in a panelGrid so that the images are displayed as a 3x3 grid.
The image itself is a link that when selected runs code that executes a query, displaying information related to the selected image.
This all works really well, however if I select an image and display its details, then change another parameter on the page that means different product ids are returned, then select to see details for another image then multiple JSF components on the screen (they all seem to come after the forEach statement) are displayed twice.
After much digging I found the following statements:
"changes from one request to the next. It may be possible to work around this in some scenarios by manually deleting all the children of the parent component (e.g., af:selectOneListbox in the code sample below), but this has not yet been tested. "
and
"Unlike the af:forEach tag, the af:iterator tag implements an iteration that works with a JSF DataModel or CollectionModel, and can be bound to EL expressions that use EL variables created by components."
Therefore I have tried to use an af:iterator instead. By changing my af:forEach for an af:iterator I no longer get the duplication issues mentioned above, but I'm having trouble displaying the output of the iterator in a panel grid. I.e. 3x3 images each with a label underneath. It's as if it treats the output of the iterator as a single component.
This is causing me serious problems so your help on this issue would be greatly appreciated.
Thanks,
Dave