Pick List component is a simple selection component where a set of items can be selected from a list that contains all the available items and moved to a list that contains the selected items.

The next example shows the simplest declarative definition on the page.

Example

Pick List is a simplified variant of ListShuttle component. It does not use a custom model. It uses f:selectItem(s) tags for elements definition instead, so converters creation isn't required for the component.

Value of the component is stored as a list, which contains select items values.

The following example shows a simple case where the values are applied and listed via Ajax. The select items in this example contain USA state names as a label for an item and the corresponding state capitals as a value for an item.

Just move some elements with state names to the result list and the corresponding state capitals will appear in the result panel.

Example