The component provides editable combobox element on the page.

Combo Box is a simplified select based version of Suggestion Box component, which uses

- client side suggestions
- declarative definition with f:selectItem(s) components
- a list of string objects

When using selectItem(s) for suggestion definition you should define only value of the selectItem. It is used both for displaying and storing.

Simple Combo Box with predefined suggestions

The first simple example shows a declarative definition with f:selectItem components. Just enter "s" letter or click icon in order to trigger the suggestion.

Combo Box with dynamic suggestions list

The next example uses a simple select Items list to provide suggestions. Also comboBox does not select the first item by default after a list appears (selectFirstOnUpdate attribute usage). Just enter any letter or click an icon in order to trigger the suggestion.

Combo Box with a simple String list as suggestions list

The next definition example shows how to define a suggestions list using a simple String list. And how to turn on an input suggestion feature with directInputSuggestions attribute. Enter any letter or click an icon in order to trigger the suggestion.