Calling a JavaScript function from managed bean

by

PrimeFaces 6.2+

Use PrimeFaces#executeScript():

public void submit() {
    // ...
    PrimeFaces.current().executeScript("alert('peek-a-boo');");
}

NOTE: works only when submit() is invoked by Ajax.

PrimeFaces 6.2-

Use RequestContext#execute():

public void submit() {
    // ...
    RequestContext.getCurrentInstance().execute("alert('peek-a-boo');");
}

NOTE: works only when submit() is invoked by Ajax.

JSF 2.3+

Use PartialViewContext#getEvalScripts():

public void submit() {
    // ...
    FacesContext.getCurrentInstance().getPartialViewContext().getEvalScripts().add("alert('peek-a-boo');");
}

NOTE: works only when submit() is invoked by Ajax.

OmniFaces

Use Ajax#oncomplete().

public void submit() {
    // ...
    Ajax.oncomplete("alert('peek-a-boo');");
}

NOTE: works only when submit() is invoked by Ajax.

JSF 2.2-

Best what you can do is to set the desired script as a bean property and conditionally render a <h:outputScript> component when the bean property is not empty.

<h:commandButton ... action="#{bean.submit}" />
<h:outputScript rendered="#{not empty bean.script}">#{bean.script}</h:outputScript>

public void submit() {
    // ...
    script = "alert('peek-a-boo');";
}

In case you’re submitting the form by Ajax, don’t forget to wrap the <h:outputScript> in another component and ajax-update it instead. See also Ajax update/render does not work on a component which has rendered attribute.

<h:commandButton ... action="#{bean.submit}">
    <f:ajax execute="@form" render="script" />
</h:commandButton>
<h:panelGroup id="script">
    <h:outputScript rendered="#{not empty bean.script}">#{bean.script}</h:outputScript>
</h:panelGroup>

More Related Contents:

  1. How to invoke animation when redirection in jsf?
  2. How to invoke a JSF managed bean on a HTML DOM event using native JavaScript?
  3. Pass parameter to p:remoteCommand from JavaScript
  4. How to pass JavaScript variables as parameters to JSF action method?
  5. How to use jQuery and jQuery plugins with PrimeFaces
  6. What is the alternative for the chart extender attribute in PrimeFaces 5.2 and newer
  7. Defer loading and parsing of PrimeFaces JavaScript files
  8. How can I know the id of a JSF component so I can use in Javascript
  9. Error parsing XHTML: The content of elements must consist of well-formed character data or markup
  10. The entity name must immediately follow the ‘&’ in the entity reference
  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. Escape JavaScript in Expression Language
  15. Integrate JavaScript in JSF composite component, the clean way
  16. Getting backing bean value with Javascript
  17. Override a method from a Primefaces specific widget
  18. Execute JavaScript after every JSF ajax postback
  19. Calling Primefaces dialog box from Managed Bean function
  20. How to re-execute javascript function after form reRender?
  21. how i can connect and login in mysql localhost in php by using this html code
  22. How do you find out the caller function in JavaScript?
  23. Format JavaScript date as yyyy-mm-dd
  24. Arrow function without curly braces
  25. How to resize images proportionally / keeping the aspect ratio?
  26. How do I destructure all properties into the current scope/closure in ES2015?
  27. Detect click outside element
  28. Cross Browser Flash Detection in Javascript
  29. How to add a trailing zero to a price?
  30. console.log(array) shows different array contents than iterating the array and displaying the individual elements

Leave a Comment