using a4j:support with JS event handlers

[maumas]

Hello,

I have following code:

<h:inputText id="txt1" value="#{sampleBean.person.name}"
 onchange="validate_txt1();">
 <a4j:support event="onchange" ajaxSingle="true" rerender="output"/>
</h:inputText>

As far as I understand, a4j:support component is ignored and does not render any AJAX invocation code, since inputText already has JavaScript handler defined for the same event. Is this right?

I yes, is there any way to workaround this behavior? I would like hardcoded JS handler to be invoked before a4j:support call.

I have two following scenarios, when JSF page is modified dynamically by some custom container component, when such behavior becomes an issue:

1) There is JSF page with input controls, some of them have hardcoded JS event handlers for onchange events. When parent container is rendered, JSF tree is modified and a4j:support componenets are added to some of input controls. Due to issue, described above, a4j:support is not working for those controls, which have JS event handlers predefined.

2) The second case is reversed - I have JSF page with input contorls, some of them have a4j:support elements defined. When I dynamically add onchange JS event handler, a4j:support elements stop working..

Any ideas how can workaround in any of these situations?

[ilya_shaikovsky]

You may use onsubmit and oncomplete attributes of support to invoke the JS code after and before submit.

[maksimkaszynski]

1) You need to modify your code by transfering onchange JS code to a4j:support onsubmit attribute. e.g.

<h:inputText id="txt1" value="#{sampleBean.person.name}">
 <a4j:support event="onchange" onsubmit="validate_txt1();" ajaxSingle="true" rerender="output"/>
</h:inputText>

2)In JavaScript, you can add multiple listeners to the same component. For reference, see http://www.quirksmode.org/dom/w3c_events.html#registration