Little confused about event handling sequence

[ilya80]

Hi Everyone,

I`m a bit confused about the sequence of method invocations.

Suppose we got the following property in bean:

private List<SelectItem> things = new ArrayList<SelectItem>();

public List<SelectItem> getThings() {
 return this.things;
}

public void setThings(List<SelectItem> things) {
 this.things = things;
}

public void loadThings( ActionEvent event ) {
this.things = fetchThings();
}

and the following .jspx part:

<a4j:commandLink value="Modify Things" actionListener="#{bean.loadThings}" id="editThingsLink">
 <rich:componentControl for="thingsPanel" attachTo="editThingsLink" operation="show" event="onclick"/>
 </a4j:commandLink>

....


 <rich:modalPanel id="thingsPanel" >
<h:selectOneListBox value="#{bean.selectedThing}">
 <f:selectItems value="#{bean.things}"/>
</h:selectOneListBox>

</rich:modalPanel>

What i wanted was that when user clicks on the link it would execute loadThings actionlistener and then show the modal panel with freshly loaded things.

Instead it calls getter for things first and only then executes actionlistener.

I tried to use event="oncomplete" for component control that shows the modal panel but this way it never shows.

Could anyone shed some light on this please? :)

[ilya_shaikovsky]

At first.. on the second and third phases - when the values decoded, converted, validated, and applied - your select processed also because you doesn't limits ajax processing to the link ony. (You may achieve this via wrapping the link to the region or ajaxSingle=true definition.).

2) move modal panel out of your form. If you need to submit something from the Modal - it should have its own form inside.

3) use event = oncomplete. after you'll done 1) and 2) - should works fine.

[ilya80]

Thanks a lot!