After a submit, the entries in the right list are shown in the output field with name and distance from the
sun.
A label is added to the left list via the
unselectedLabel attribute and to the right list
via
selectedLabel. The label for the whole component is set on top by
labelLayout="top".
In this example, the entries are added by
<tc:selectItems ... var="planet" itemLabel="#{planet.name}" itemValue="#{planet}"/>.
The name of a variable is defined by
var. In this case, the
itemLabel get the name of
the planet, while the
itemValue is object itself.
<tc:selectManyShuttle label="Planets" ...>
<tc:selectItems value="#{selectManyShuttleController.planets}" .../>
</tc:selectManyShuttle>
Left List
[]