Displaying checkboxes in SelectCheckboxMenu

SelectCheckboxMenu is a multiselect input component based on checkboxes in an overlay menu. Although it is an input component, it is presented to users as a menu so that it makes sense to handle SelectCheckboxMenu in this chapter.

In this recipe, we will implement a simple and an advanced SelectCheckboxMenu component. In the advanced case, we will learn about the built-in filtering feature. Selected items should be shown in a dialog when submitting.

How to do it...

Usage of SelectCheckboxMenu is the same as for SelectManyCheckbox. Checkbox items can be attached via several f:selectItem tags or one f:selectItems tag. In the following simple example, we will use f:selectItems to display colors:

<p:selectCheckboxMenu value="#{checkboxMenu.selectedColors}"
                      label="Colors">
    <f:selectItems value="#{checkboxMenu.colors}"/>
</p:selectCheckboxMenu>

The label attribute defines a text shown to the user. The advanced...