On change event doesn't get executed when input value is programatically changed

Question

I have problem refreshing dataTable content. Here is a portion of my code.

<h:inputText id="counterFeatures" value="#{myBean.quantity}">
      <f:ajax event="change" render="myDataTable" execute="counterFeatures"></f:ajax>
</h:inputText>

What I like to do is when the quantity changes (dynamically with js script), call the setQuantity() method from my bean and update that value.

I tried with execute="@this" but it doesn't work too. And I need to say that it work when I set the event like event="keyup" but I want to make things happen automatically, cause after all the number is inserted there via JavaScript script.

I looked at some answer but I couldn't make it work due to my limited knowledge of jsf.

Thanks in advance

BalusC · Accepted Answer · 2015-03-17 15:16:45Z

1

This is indeed normal behavior. The HTML DOM change event is only fired after enduser manipulation of the input field. In case the input field is programmatically manipulated by JavaScript, you basically need to let the very same JavaScript code manually trigger the change event.

Assuming that you're using Vanilla JS (not jQuery), here's how it looks like:

var input = document.getElementById(...);
input.value = newValue;
input.onchange(); // Trigger JavaScript code declared in `onchange` attribute.

edited Mar 17, 2015 at 15:16

answered Mar 17, 2015 at 14:24

BalusC

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

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

Collectives™ on Stack Overflow

On change event doesn't get executed when input value is programatically changed

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related