How to conditionally render an f:selectItem tag?

by

The <f:selectItem> does not support the rendered attribute. Your closest bet is the itemDisabled attribute which still displays the item, but makes it unselectable. This is also supported in <f:selectItems>.

In case of <p:selectOneMenu> you can then just add some CSS to hide disabled items.

<p:selectOneMenu ... panelStyleClass="hideDisabled">
    <f:selectItem itemValue="1" itemLabel="one" />
    <f:selectItem itemValue="2" itemLabel="two" itemDisabled="#{some.condition}" />
    <f:selectItem itemValue="3" itemLabel="three" />
</p:selectOneMenu>

.ui-selectonemenu-panel.hideDisabled .ui-selectonemenu-item.ui-state-disabled {
    display: none;
}

In case of <h:selectOneMenu> you’re more dependent on whether the webbrowser supports hiding the disabled options via CSS:

<h:selectOneMenu ... styleClass="hideDisabled">
    <f:selectItem itemValue="1" itemLabel="one" />
    <f:selectItem itemValue="2" itemLabel="two" itemDisabled="#{some.condition}" />
    <f:selectItem itemValue="3" itemLabel="three" />
</h:selectOneMenu>

select.hideDisabled option[disabled] {
    display: none;
}

The server side alternative is to bring in a JSTL <c:if> around the individual <f:selectItem> to contitionally add it to the view like this (make sure you’re aware of how JSTL works in JSF: JSTL in JSF2 Facelets… makes sense?):

<f:selectItem itemValue="1" itemLabel="one" />
<c:if test="#{not some.condition}">
    <f:selectItem itemValue="2" itemLabel="two"  />
</c:if>
<f:selectItem itemValue="3" itemLabel="three" />

Or, you could simply dynamically populate a List<SelectItem> in the backing bean based on the calculated conditions and bind it with <f:selectItems>.

More Related Contents:

  1. Ajax update/render does not work on a component which has rendered attribute
  2. Understanding PrimeFaces process/update and JSF f:ajax execute/render attributes
  3. How to include another XHTML in XHTML using JSF 2.0 Facelets?
  4. Why do I need to nest a component with rendered=”#{some}” in another component when I want to ajax-update it?
  5. Uploaded image only available after refreshing the page
  6. How do I process GET query string URL parameters in backing bean on page load?
  7. JSTL c:if doesn’t work inside a JSF h:dataTable
  8. Is it suggested to use h:outputText for everything?
  9. Defining and reusing an EL variable in JSF page
  10. Accessing injected dependency in managed bean constructor causes NullPointerException
  11. Maven and JSF webapp structure, where exactly to put JSF resources
  12. Hit a bean method and redirect on a GET request
  13. Find component by ID in JSF
  14. How and when is a @ViewScoped bean destroyed in JSF?
  15. Difference between rendered and visible attributes of
  16. How to add placeholder attribute to JSF input component?
  17. Unable to find matching navigation case with from-view-id ‘/pages/index.xhtml’
  18. How do I force an application-scoped bean to instantiate at application startup?
  19. Why was “immediate” attribute added to the EditableValueHolders?
  20. Fileupload and PrettyFaces and JSF 2.2 [duplicate]
  21. JSF does not populate @Named @RequestScoped bean with submitted input values
  22. How to set -Dorg.apache.el.parser.COERCE_TO_ZERO=false programmatically
  23. Initialization of List in a JSF Managed bean
  24. How to detect current JSF-Version?
  25. How to concatenate Strings in EL expression?
  26. java.lang.IllegalStateException at com.sun.faces.context.FacesContextImpl.assertNotReleased
  27. Read resource bundle properties in a managed bean
  28. JSF: Mojarra vs. OmniFaces @ViewScoped: @PreDestroy called but bean can’t be garbage collected
  29. Is Facelets page generated to Servlet as JSP generated to Servlet
  30. Skip required validation and invoke the application

Leave a Comment