Getting backing bean value with Javascript

by

JSF/EL and HTML/JS doesn’t run in sync. Instead, JSF/EL run in webserver and produces HTML/JS which in turn runs in webbrowser. Open page in browser, rightclick and View Source. You see, there’s no single line of JSF/EL. It’s one and all HTML/JS. In place of your JS function, you’ll see:

function afterLoad() {    
    alert("0");
}

Exactly this JS function get invoked on complete of your command button action. So the result is fully expected.

Basically, you want to let JSF re-render that piece of JS. 

<p:commandLink action="#{statusBean.getStatuses}" update="afterLoad" oncomplete="afterLoad()"/>
<h:panelGroup id="afterLoad">
    <h:outputScript>
        function afterLoad() {    
            alert("#{statusBean.size}");
        }
    </h:outputScript>
</h:panelGroup>

Depending on the concrete functional requirement, which you didn’t tell anything about, there may be more elegant ways. For example, RequestContext#execute(), <o:onloadScript>, etc.

More Related Contents:

  1. Error parsing XHTML: The content of elements must consist of well-formed character data or markup
  2. Execute JavaScript after every JSF ajax postback
  3. Defer loading and parsing of PrimeFaces JavaScript files
  4. How to invoke animation when redirection in jsf?
  5. How to invoke a JSF managed bean on a HTML DOM event using native JavaScript?
  6. How can I know the id of a JSF component so I can use in Javascript
  7. Pass parameter to p:remoteCommand from JavaScript
  8. Calling a JavaScript function from managed bean
  9. The entity name must immediately follow the ‘&’ in the entity reference
  10. How to pass JavaScript variables as parameters to JSF action method?
  11. Mixing JSF EL in a JavaScript file
  12. How do I pass JSF managed bean properties to a JavaScript function?
  13. JSF/PrimeFaces ajax updates breaks jQuery event listener function bindings
  14. Execute managebean method from javascript onload event
  15. How to use jQuery and jQuery plugins with PrimeFaces
  16. Escape JavaScript in Expression Language
  17. Integrate JavaScript in JSF composite component, the clean way
  18. Override a method from a Primefaces specific widget
  19. What is the alternative for the chart extender attribute in PrimeFaces 5.2 and newer
  20. How to re-execute javascript function after form reRender?
  21. Binding multiple events to a listener (without JQuery)?
  22. How to bind bootstrap popover on dynamic elements
  23. For loop through Array only shows last value
  24. if (key in object) or if(object.hasOwnProperty(key)
  25. What is the type of “keys” in JavaScript?
  26. How to find the nearest common ancestors of two or more nodes?
  27. Buffer in JS file isn’t recognized (API tests automation with Karate Framework)
  28. How to submit 2 forms in one page with a single submit button
  29. How to override css prefers-color-scheme setting
  30. Remove an element from the DOM from reference to element only

Leave a Comment