JSF <f:ajax> request not sent if value is changed through javascript

Question

I have the following code in XHTML:

<h:inputText value="#{SearchAction.lat}" id="lat">
            <f:ajax event="valueChange"  listener="#{SearchAction.findAddress}"/>
</h:inputText>

If I change the content of the input field, the listener gets called correctly.

However, on page load I call a javascript function that populates the input field with a new value and I could see the input field being populated but the ajax request doesn't get sent to the server.

Is there a distinction between user-provided values and javascript provided values?

-Majid

BalusC · Accepted Answer · 2011-02-26 23:31:21Z

1

You need to programmatically invoke the change event afterwards in JS.

inputElement.change();

answered Feb 26, 2011 at 23:31

BalusC

1.1m377 gold badges3.7k silver badges3.6k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Majid Alfifi Over a year ago

Thanks BalusC. Here is How I invoked the event:

var elem = document.getElementById("search_form:lat");             if (typeof elem.onchange == "function") {                 elem.onchange.apply(elem);             }

Collectives™ on Stack Overflow

JSF <f:ajax> request not sent if value is changed through javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related