Multi Listbox

In this example, there is a list with three items. The second one is disabled with the itemDisabled attribute of the tag.

List Item1 Item2 (disabled) Item3 Read Only Item1 Item2 (disabled) Item3 Disabled Item1 Item2 (disabled) Item3 Large Item1 Item2 (disabled) Item3 Small Item1 Item2 (disabled) Item3

Select an entry and press the submit-button. The text in the output field depends on the selection.

<tc:selectManyListbox label="List" value="#{selectManyListboxController.celestials}"> <tc:selectItem itemLabel="Sun" itemValue="The sun, "/> ... </tc:selectManyListbox> <tc:out label="Selection" value="#{selectManyListboxController.celestial}"/> List Sun Moon Stars Selection Submit

The selected deserts from the list, are shown in the <tc:out id="desertOutput" .../>. The value in the output field will be rerendered, after the selection in the list changed. For that, <tc:selectManyListbox label="Deserts" size="4" ...> contain a <f:ajax render="desertOutput"/> tag.

The number of rows is set to four by the size attribute. Is no size set, the height of the list depends of the number of rows. The list shows at least two rows. Values lower than two have no effect.

Deserts Antarctic Desert Arctic Sahara Arabian Desert Gobi Desert Selected Desets[]