I have a page that have 2 ui:repeat
to iterate a complex collection. I need add commandlinks
that will update some of the data on the page without refresh the whole page. The code is like the following:
<h:panelGroup id="panel1">
#{backBean.getNumber()}
</h:panelGroup>
<h:form>
<a4j:commandlink action="#{backBean.increaseNumber()}" reRender="panel1" />
</h:form>
<ui:repeat value="#{masterlist}" var="list">
<ui:repeat value="#{list}" var="element">
#{element.description}
</ui:repeat>
</ui:repeat>
I can see the increaseNumber()
method is called and the number is updated, but panel1 is not re-rendered. If I remove one ui:repeat
tag and then it will work. I did research online and it seems there are issues with nested ui:repeat
, but I couldn't find any solution.