How to call JSF backing bean method only when onclick/oncomplete/on… event occurs and not on page load

by

This approach will not work. You seem to be confusing/mixing the basic web development concepts of the “server side” and “client side” and to be misunderstanding the role of JSF and EL.

JSF is a server side language which runs on the webserver upon a HTTP request and produces HTML/CSS/JS code which get returned with the HTTP response. All EL expressions in form of ${} and #{} will be executed in the server side during generating the HTML output. JavaScript is a client side language which runs on the webbrowser and works on the HTML DOM tree. The HTML onclick attribute should specify a JavaScript function which will be executed in the client side on the particular HTML DOM event.

In order to invoke a JSF managed bean method, you need the action or *listener attribute. JSF provides components to generate the desired HTML and specify the desired ajax actions which would change the server side state. An <input type="image"> can be generated using a <h:commandButton image>. A bean method can be invoked by the action attribute of that component. That component can be ajaxified by embedding the <f:ajax> tag.

So, the following should do it for you:

<h:form>
  <div class="sidebarOptions">
    <h:commandButton image="https://stackoverflow.com/questions/8705614/images/homeButton.jpg" action="#{home.setRendered(1)}">
      <f:ajax execute="@this" render=":sidebar" />
    </h:commandButton>
  </div>
  <div class="sidebarOptions">
    <h:commandButton image="images/memberButton.jpg" action="#{home.setRendered(2)}">
      <f:ajax execute="@this" render=":sidebar" />
    </h:commandButton>
  </div>
</h:form>

<!-- The below is just a guess of what you're really trying to achieve. -->
<h:panelGroup id="sidebar" layout="block">
  <h:panelGroup rendered="#{home.rendered eq 1}">
    Home
  </h:panelGroup>
  <h:panelGroup rendered="#{home.rendered eq 2}">
    Member
  </h:panelGroup>
</h:panelGroup>

See also:

More Related Contents:

  1. commandButton/commandLink/ajax action/listener method not invoked or input value not set/updated
  2. JSF returns blank/unparsed page with plain/raw XHTML/XML/EL source instead of rendered HTML output
  3. How does the ‘binding’ attribute work in JSF? When and how should it be used?
  4. javax.faces.application.ViewExpiredException: View could not be restored
  5. Conversion Error setting value for ‘null Converter’ – Why do I need a Converter in JSF?
  6. Backing beans (@ManagedBean) or CDI Beans (@Named)?
  7. Get JSF managed bean by name in any Servlet related class
  8. Which XHTML files do I need to put in /WEB-INF and which not?
  9. How to make a grid of JSF composite component?
  10. Understand Flash Scope in JSF2
  11. Is it suggested to use h:outputText for everything?
  12. Defining and reusing an EL variable in JSF page
  13. Use enum in h:selectManyCheckbox
  14. java.lang.IllegalStateException:Could not find backup for factory javax.faces.application.ApplicationFactory
  15. Hit a bean method and redirect on a GET request
  16. Is there any easy way to preprocess and redirect GET requests?
  17. How to replace @ManagedBean / @ViewScope by CDI in JSF 2.0/2.1
  18. PrimeFaces validator not fired
  19. How and when is a @ViewScoped bean destroyed in JSF?
  20. How to bind dynamic content using ?
  21. Error Parsing /page.xhtml: Error Traced[line: 42] The entity “nbsp” was referenced, but not declared
  22. Does view scope bean survive Navigation JSF
  23. JSF 2 Global exception handling, navigation to error page not happening
  24. How to use to iterate over a nested list?
  25. How do UISelectOne and UISelectMany components preselect defaults in f:selectItems
  26. How detect and remove (during a session) unused @ViewScoped beans that can’t be garbage collected
  27. How to escape f:selectItem itemLabel attribute
  28. Does it matter whether place f:event inside f:metadata or not?
  29. When and how is clientID generated in JSF?
  30. JSF resource versioning

Leave a Comment