Multi Listbox

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

ListItem1Item2 (disabled)Item3Read OnlyItem1Item2 (disabled)Item3DisabledItem1Item2 (disabled)Item3LargeItem1Item2 (disabled)Item3SmallItem1Item2 (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}"/>ListSunMoonStarsSelectionSubmit

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.

DesertsAntarctic DesertArcticSaharaArabian DesertGobi DesertSelected Desets[]