Reload JavaScript function via ajax / re-read jsf-bean value

Question

I have a JavaScript function using a value from a backing bean, like var x = #{bean.value}.

On page load, the value for x is final until the page is being reloaded (since EL is being replaced by its actual value string).

However, the bean's value might change due to ajax requests. How can I achieve that x gets updated?

Here's an excerpt from my xml (using primefaces' calendar component) to clarify:

<p:calendar beforeShowDay="highlightDays" ... />

<script>
   function highlightDays(){
      var highlightedDays= #{bean.specialDays()};
      // set css...
   }
</script>

Hatem Alimam · Accepted Answer · 2014-11-05 16:18:05Z

1

You can use the RequestContext to do such an update from the bean:

RequestContext.getCurrentInstance().execute("highlightedDays = " + specialDays());

And the javascript variable should be on the window scope, meaning that you should define the var outside the scope of the function.

highlightedDays= #{bean.specialDays()};      
function highlightDays(){
  //make use of the var  
}

answered Nov 5, 2014 at 16:18

Hatem Alimam

10.1k4 gold badges47 silver badges58 bronze badges

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

Collectives™ on Stack Overflow

Reload JavaScript function via ajax / re-read jsf-bean value

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