There are situations where users need to sort and manage items between two separate lists. For example, an e-commerce application for a computer hardware vendor might offer customers the ability to customize a system by selecting one or more components from a list of available hardware upgrades. The Trinidad framework includes two components that can be used to "shuttle" list items between two selection list boxes.
The CoreSelectManyShuttle component is rendered by the<tr:selectManyShuttle> tag and allows users to move items back and forth between two lists, one item at a time or multiple items at a time.
<tr:form>
<tr:selectManyShuttle id="shuttle" label="Selected Values"
leadingHeader="Available values:" trailingHeader="Selected values:"
value="#{productBean.selectedProducts}">
<f:selectItems value="#{productBean.productSelectItems}" />
</tr:selectManyShuttle>
<tr:commandButton text...