Executing two f:ajax in h:commandButton

[Lucas Murata]

Hello,

I have a commandButton that when clicked must execute two ajax listener, i did code bellow:

                        <h:commandButton value="Confirm" onclick="dlg2.hide();" >
                            <f:ajax listener="#{bean.method1}" render="id1" />
                            <f:ajax listener="#{bean.method2}" render="id2" />
                        </h:commandButton>

This code is working fine. Strange that it's execute two times. Total of 4 calls to the method .

When I put only 1 f:ajax into h:commandButton, it's work fine, and calls just one time.

How to can call two f:ajax listener without repeat two times?

[Cesar Loachamin]

Hi Lucas

Welcome to JavaRanch!!!

This is because you're binding two ajax listener to the same event in this case for the action event, one thing you could do is set another event for the first ajax listener, like this:
<f:ajax event="mouseup" listener="#{bean.method1}" render="id1"/> <f:ajax event="click" listener="#{bean.method2}" render="id2"/> Try it, ti works.
But I suggest you, that you can use a single ajax call, put the logic of the method2 in method1 and render the two components like this:
<h:commandButton value="Confirm" onclick="dlg2.hide();" > <f:ajax listener="#{bean.method1}" render="id1 id2" /> </h:commandButton>
Regards
Cesar