Home > Guides > Tag Developers Guide > Struts Tags > Tag Reference > UI Tag Reference > optiontransferselect

Please make sure you have read the Tag Syntax document and understand how tag attribute syntax works.

Important

Note that the doublelistkey and doublelistvalue attribute will default to "key" and "value" respectively only when the doublelist attribute is evaluated to a Map or its decendant. Other thing else, will result in doublelistkey and doublelistvalue to be null and not used.

Description

Create a option transfer select component which is basically two <select ...> tag with buttons in the middle of them allowing options in each of the <select ...> to be moved between themselves. Will auto-select all its elements upon its containing form submision.

NOTE: The id and doubleId need not be supplied as they will generated provided that the optiontransferselect tag is being used in a form tag. The generated id and doubleId will be <form_id>_<optiontransferselect_nameame> and <form_id>_<optiontransferselect_doubleName> respectively.

Parameters

Dynamic Attributes Allowed:

false
 

Name

Required

Default

Evaluated

Type

Description

accesskeyfalsefalseStringSet the html accesskey attribute on rendered html element
addAllToLeftLabelfalsefalseStringSet Add To Left button label
addAllToLeftOnclickfalsefalseStringJavascript to run after Add All To Left button pressed
addAllToRightLabelfalsefalseStringSet Add All To Right button label
addAllToRightOnclickfalsefalseStringJavascript to run after Add All To Right button pressed
addToLeftLabelfalsefalseStringSet Add To Left button label
addToLeftOnclickfalsefalseStringJavascript to run after Add To Left button pressed
addToRightLabelfalsefalseStringSet Add To Right button label
addToRightOnclickfalsefalseStringJavascript to run after Add To Right button pressed
allowAddAllToLeftfalsefalseStringEnable Add All To Left button
allowAddAllToRightfalsefalseStringEnable Add All To Right button
allowAddToLeftfalsefalseStringEnable Add To Left button
allowAddToRightfalsefalseStringEnable Add To Right button
allowSelectAllfalsefalseStringEnable Select All button
allowUpDownOnLeftfalsefalseStringEnable up / down on the left side
allowUpDownOnRightfalsefalseStringEnable up / down on the right side
buttonCssClassfalsefalseStringSet buttons css class
buttonCssStylefalsefalseStringSet button css style
classfalsefalseStringThe css class to use for element - it's an alias of cssClass attribute.
cssClassfalsefalseStringThe css class to use for element
cssErrorClassfalsefalseStringThe css error class to use for element
cssErrorStylefalsefalseStringThe css error style definitions for element to use
cssStylefalsefalseStringThe css style definitions for element to use
disabledfalsefalseStringSet the html disabled attribute on rendered html element
doubleAccesskeyfalsefalseStringSet the html accesskey attribute.
doubleCssClassfalsefalseStringThe css class for the second list
doubleCssStylefalsefalseStringThe css style for the second list
doubleDisabledfalsefalseStringDecides if a disable attribute should be added to the second list
doubleEmptyOptionfalsefalseStringDecides if the second list will add an empty option
doubleHeaderKeyfalsefalseStringThe header key for the second list
doubleHeaderValuefalsefalseStringThe header value for the second list
doubleIdfalsefalseStringThe id of the second list
doubleListtruefalseStringThe second iterable source to populate from.
doubleListCssClassfalsefalseStringProperty of second list objects to get css class from
doubleListCssStylefalsefalseStringProperty of second list objects to get css style from
doubleListKeyfalsefalseStringThe key expression to use for second list
doubleListTitlefalsefalseStringProperty of second list objects to get title from
doubleListValuefalsefalseStringThe value expression to use for second list
doubleMultiplefalsefalseString Decides if multiple attribute should be set on the second list
doubleNametruefalseStringThe name for complete component
doubleOnblurfalsefalseStringSet the onblur attribute of the second list
doubleOnchangefalsefalseStringSet the onchange attribute of the second list
doubleOnclickfalsefalseStringSet the onclick attribute of the second list
doubleOndblclickfalsefalseStringSet the ondbclick attribute of the second list
doubleOnfocusfalsefalseStringSet the onfocus attribute of the second list
doubleOnkeydownfalsefalseStringSet the onkeydown attribute of the second list
doubleOnkeypressfalsefalseStringSet the onkeypress attribute of the second list
doubleOnkeyupfalsefalseStringSet the onkeyup attribute of the second list
doubleOnmousedownfalsefalseStringSet the onmousedown attribute of the second list
doubleOnmousemovefalsefalseStringSet the onmousemove attribute of the second list
doubleOnmouseoutfalsefalseStringSet the onmouseout attribute of the second list
doubleOnmouseoverfalsefalseStringSet the onmouseover attribute of the second list
doubleOnmouseupfalsefalseStringSet the onmouseup attribute of the second list
doubleOnselectfalsefalseStringSet the onselect attribute of the second list
doubleSizefalsefalseStringSet the size attribute of the second list
doubleValuefalsefalseStringThe value expression for complete component
emptyOptionfalsefalsefalseBooleanDecides of an empty option is to be inserted in the second list
errorPositionfalsefalseStringDefine error position of form element (top|bottom)
formNamefalsefalseStringThe form name this component resides in and populates to
headerKeyfalsefalseStringSet the header key of the second list. Must not be empty! '-1' and '' is correct, '' is bad.
headerValuefalsefalseString Set the header value of the second list
idfalsefalseStringHTML id attribute
javascriptTooltipfalsefalsefalseBooleanUse JavaScript to generate tooltips
keyfalsefalseStringSet the key (name, value, label) for this particular component
labelfalsefalseStringLabel expression used for rendering an element specific label
labelSeparatorfalse:falseStringString that will be appended to the label
labelpositionfalsefalseStringDefine label position of form element (top/left)
leftDownLabelfalsefalseStringDown label for the left side.
leftTitlefalsefalseStringSet Left title
leftUpLabelfalsefalseStringUp label for the left side
listtruefalseStringIterable source to populate from. If the list is a Map (key, value), the Map key will become the option 'value' parameter and the Map value will become the option body.
listCssClassfalsefalseStringProperty of list objects to get css class from
listCssStylefalsefalseStringProperty of list objects to get css style from
listKeyfalsefalseStringProperty of list objects to get field value from
listLabelKeyfalsefalseStringProperty of list objects to be used to lookup for localised version of field label
listTitlefalsefalseStringProperty of list objects to get title from
listValuefalsefalseStringProperty of list objects to get field content from
listValueKeyfalsefalseStringProperty of list objects to get field value label from
multiplefalsefalseStringCreates a multiple select. The tag will pre-select multiple values if the values are passed as an Array (of appropriate types) via the value attribute.
namefalsefalseStringThe name to set for element
onblurfalsefalseString Set the html onblur attribute on rendered html element
onchangefalsefalseStringSet the html onchange attribute on rendered html element
onclickfalsefalseStringSet the html onclick attribute on rendered html element
ondblclickfalsefalseStringSet the html ondblclick attribute on rendered html element
onfocusfalsefalseStringSet the html onfocus attribute on rendered html element
onkeydownfalsefalseStringSet the html onkeydown attribute on rendered html element
onkeypressfalsefalseStringSet the html onkeypress attribute on rendered html element
onkeyupfalsefalseStringSet the html onkeyup attribute on rendered html element
onmousedownfalsefalseStringSet the html onmousedown attribute on rendered html element
onmousemovefalsefalseStringSet the html onmousemove attribute on rendered html element
onmouseoutfalsefalseStringSet the html onmouseout attribute on rendered html element
onmouseoverfalsefalseStringSet the html onmouseover attribute on rendered html element
onmouseupfalsefalseStringSet the html onmouseup attribute on rendered html element
onselectfalsefalseStringSet the html onselect attribute on rendered html element
requiredLabelfalsefalsefalseBooleanIf set to true, the rendered element will indicate that input is required
requiredPositionfalsefalseStringDefine required position of required form element (left|right)
rightDownLabelfalsefalseStringDown label for the left side.
rightTitlefalsefalseStringSet Right title
rightUpLabelfalsefalseStringUp label for the right side.
selectAllLabelfalsefalseStringSet Select All button label
selectAllOnclickfalsefalseStringJavascript to run after Select All button pressed
sizefalsefalseIntegerSize of the element box (# of elements to show)
stylefalsefalseStringThe css style definitions for element to use - it's an alias of cssStyle attribute.
tabindexfalsefalseStringSet the html tabindex attribute on rendered html element
templatefalsefalseStringThe template (other than default) to use for rendering the element
templateDirfalsefalseStringThe template directory.
themefalsefalseStringThe theme (other than default) to use for rendering the element
titlefalsefalseStringSet the html title attribute on rendered html element
tooltipfalsefalseStringSet the tooltip of this particular component
tooltipConfigfalsefalseStringDeprecated. Use individual tooltip configuration attributes instead.
tooltipCssClassfalseStrutsTTClassicfalseStringCSS class applied to JavaScrip tooltips
tooltipDelayfalseClassicfalseStringDelay in milliseconds, before showing JavaScript tooltips
tooltipIconPathfalsefalseStringIcon path used for image that will have the tooltip
upDownOnLeftOnclickfalsefalseStringJavascript to run after up / down on the left side buttons pressed
upDownOnRightOnclickfalsefalseStringJavascript to run after up / down on the right side buttons pressed
valuefalsefalseStringPreset the value of input element.

Examples