Calling setter on backing bean via JavaScript / AJAX using JSF2

Question

My application requires me to invoke a setter on a backing bean instance. I am trying to do this using the following javascript code:
var stateListWidth = document.getElementById("myform:stateListWidth");
stateListWidth.setAttribute("value", 100);
jsf.ajax.request(this, event, {execute: 'stateListWidth', render: 'stateListWidth'});and added a hidden field as follows:
<h:form id="myform">
<h:inputHidden id="stateListWidth" value="#{cityController.stateListWidth}"/>However my setter method is never called. I can see the parameters (myform:stateListWidth = 100) are POST'd to the server side, but not translated into a setter invocation. Any ideas if this is possible and how to do this.

Answer 1

I got it working. Had to specify the full ID of the element myform:stateListWidth rather then just stateListWidth.
var stateListWidth = document.getElementById(myform:stateListWidth);
stateListWidth.setAttribute("value", 100);
jsf.ajax.request(this, event, {execute: 'myform:stateListWidth', render: 'myform:stateListWidth' });I still wonder if there is a better way without using a hidden field to get this working?