Using Ajax4JSF reRender inside a loop (ui:repeat or a4j:repe

[erik.d.hellman]

I have a loop in my JSF page generated with ui:repeat. Inside that loop I have a h:selectOneMenu with a a4j:support side it. I also have a a4j:outputPanel inside the loop. My question is how I can make my selectOneMenu trigger a reRender of the correct a4j:outputPanel. I tried setting the id and reRender attributes of the a4j:outputPanel and a4j:support to the id of the entities I iterate over, but that doesn't work.

The code looks something like this:

<ui:repeat var="dayTime" value="#{planWorkBean.dayTimes}">
 <h:selectOneMenu value="#{dayTime.workShift}">
 <s:selectItems value="#{workShifts}" var="workShift" label="#{workShift.name}" noSelectionLabel="-" />
 <s:convertEntity />
 <a4j:support action="#{dayTime.setWorkShift(workShift)}" event="onchange" reRender="#{dayTime.id}" />
 <h:selectOneMenu>

 <a4j:outputPanel id="#{dayTime.id}">
 <h:outputText value="#{dayTime.workShift.totalTime}" converter="HourMinuteConverter" />
 </a4j:outputPanel>
</ui:repeat>

Everything but the reRendering works great. The entity is updated at the onchange event, but the a4j:outputPanel is not updated.

I guess I can't use EL-expressions for the id-attribute in JSF-tags, but how else am I supposed to refer to the correct a4j:outputPanel?

Thanks,
Erik

[damianharvey]

Just put in a fixed id and JSF will generate a unique id. Ajax4jsf should respect it too. Try checking the generated ids with firebug (or page source).

[erik.d.hellman]

"damianharvey" wrote:
Just put in a fixed id and JSF will generate a unique id. Ajax4jsf should respect it too. Try checking the generated ids with firebug (or page source).

Tried that. Doesn't work. I changed reRender="dayTimeSum" and the id in my a4j:outputPanel to id="dayTimeSum". Same result, no update of the a4j:outputPanel.

[pmuir]

No, you can't use a el expression for the id. Damian is correct.

[erik.d.hellman]

No, you can't use a el expression for the id. Damian is correct.

Well, I guessed that much. But how would I then go about in order to reRender an outputPanel genereated inside a ui:repeat?

[damianharvey]

if you are re-rendering from inside the loop (like you are) then you shouldn't need to do anything:

<ui:repeat var="dayTime" value="#{planWorkBean.dayTimes}">
 <h:selectOneMenu value="#{dayTime.workShift}">
 <s:selectItems value="#{workShifts}" var="workShift" label="#{workShift.name}" noSelectionLabel="-" />
 <s:convertEntity />
 <a4j:support action="#{dayTime.setWorkShift(workShift)}" event="onchange" reRender="dayTimePanel" />
 <h:selectOneMenu>

 <a4j:outputPanel id="dayTimePanel">
 <h:outputText value="#{dayTime.workShift.totalTime}" converter="HourMinuteConverter" />
 </a4j:outputPanel>
</ui:repeat>

Note that the id is 'dayTimePanel'. When JSF renders this it will assign incrementing IDs (something like j_xx:1:dayTimePanel, j_xx:2:dayTimePanel, etc).

If you are rendering from outside the loop or if you are still having troubles look at the a4j:repeat instead of ui:repeat and check out the ajaxKeys attribute.

Cheers,

Damian.