richfaces + jquery "Problems with af4:support"

[ramram888]

Hi All,

  I have the following tag in the JSP:

<h:selectOneMenu id="driverLstId" value="#{lookupsBB.selectedLookup.driverLookupType}">

                                                                                          <f:selectItems value="#{lookupsBB.lstLookupDrivers}" />

                                                                                          <a4j:support event="onchange" reRender="lookupValsTblId" action="#{lookupsBB.resetLookupVals}" />

                                                                                </h:selectOneMenu>

<rich:dataTable value="#{lookupsBB.lstLookupValues}" var="lookup" id="lookupValsTblId">

          <f:facet name="header">

                    <rich:columnGroup>

                              <rich:column width="100px">

                                        <h:outputText value="#{multiLangageBB.translation.code}" />

                              </rich:column>

                    </rich:columnGroup>

          </f:facet>

          <rich:column width="100px">

                    <h:inputText value="#{lookup.lookupCode}"  />

          </rich:column>

</rich:dataTable>

  and in the JS I have the following:

jQuery("input, textarea, select").change(function(event){

       alert("test"); 

   });

what is happening is the following on change the alert is appearing perfectly but once the driverLstId fires the onchange method the alert will stop appearing on the page.

Any explenation on such behavior?

Regards,

Ram

[ilya_shaikovsky]

your JS should be wrapped to outputPanel and updated also on ajax requests which are updates the inputs and selects to which handlers is bound. in other case when DOM elements getting replaced with new ones from responce - them has no handlers attached anymore.

[ramram888]

Hi Ilya,

  I think that this is exactly what is happening with me. On the other hand I am new to jquery, how can we do the update of the JS on the ajax request call so that handlers remains bound.

Regards,

Ram

[ilya_shaikovsky]

your JS should be wrapped to outputPanel and updated also on ajax requests

<a:outputPanel ajaxRendered="true">

//script

</a:outputPanel>

[ramram888]

Hi Ilya,

  I think the issue that I described is more related to this : https://issues.jboss.org/browse/RF-3477

  Any ideas?

Regards

ram

[ilya_shaikovsky]

no, that issue about breaks about re-render. And in your case the reason of breaking - you not re-redering it. so add the panel as I suggested and check.