Renders an input form
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_doubleName> and <form_id>_<optiontransferselect_doubleName> respectively.<-- minimum configuration --> <a:optiontransferselect label="Favourite Cartoons Characters" name="leftSideCartoonCharacters" list="{'Popeye', 'He-Man', 'Spiderman'}" doubleName="rightSideCartoonCharacters" doubleList="{'Superman', 'Mickey Mouse', 'Donald Duck'}" /> <-- possible configuration --> <a:optiontransferselect label="Favourite Cartoons Characters" name="leftSideCartoonCharacters" leftTitle="Left Title" rightTitle="Right Title" list="{'Popeye', 'He-Man', 'Spiderman'}" multiple="true" headerKey="headerKey" headerValue="--- Please Select ---" emptyOption="true" doubleList="{'Superman', 'Mickey Mouse', 'Donald Duck'}" doubleName="rightSideCartoonCharacters" doubleHeaderKey="doubleHeaderKey" doubleHeaderValue="--- Please Select ---" doubleEmptyOption="true" doubleMultiple="true" />
Name |
Required |
Default |
Type |
Description |
---|---|---|---|---|
addAllToLeftLabel | false | Object/String | set Add To Left button label | |
addAllToRightLabel | false | Object/String | set Add All To Right button label | |
addToLeftLabel | false | Object/String | set Add To Left button label | |
addToRightLabel | false | Object/String | set Add To Right button label | |
allowAddAllToLeft | false | Object/String | enable Add All To Left button | |
allowAddAllToRight | false | Object/String | enable Add All To Right button | |
allowAddToLeft | false | Object/String | enable Add To Left button | |
allowAddToRight | false | Object/String | enable Add To Right button | |
leftTitle | false | Object/String | set Left title | |
rightTitle | false | Object/String | set Right title | |
allowSelectAll | false | Object/String | enable Select All button | |
selectAllLabel | false | Object/String | set Select All button label | |
buttonCssClass | false | Object/String | set buttons css class | |
buttonCssStyle | false | Object/String | set button css style | |
doubleList | true | Object/String | The second iterable source to populate from. | |
doubleListKey | false | Object/String | The key expression to use for second list | |
doubleListValue | false | Object/String | The value expression to use for second list | |
doubleName | true | Object/String | The name for complete component | |
doubleValue | false | Object/String | The value expression for complete component | |
formName | false | Object/String | The form name this component resides in and populates to | |
doubleCssClass | false | Object/String | The css class for the second list | |
doubleCssStyle | false | Object/String | The css style for the second list | |
doubleHeaderKey | false | Object/String | The header key for the second list | |
doubleHeaderValue | false | Object/String | The header value for the second list | |
doubleEmptyOption | false | Object/String | Decides if the second list will add an empty option | |
doubleDisabled | false | Object/String | Decides if a disable attribute should be added to the second list | |
doubleId | false | Object/String | The id of the second list | |
doubleMultiple | false | Object/String | Decides if multiple attribute should be set on the second list | |
doubleOnblur | false | Object/String | Set the onblur attribute of the second list | |
doubleOnchange | false | Object/String | Set the onchange attribute of the second list | |
doubleOnclick | false | Object/String | Set the onclick attribute of the second list | |
doubleOndblclick | false | Object/String | Set the ondbclick attribute of the second list | |
doubleOnfocus | false | Object/String | Set the onfocus attribute of the second list | |
doubleOnkeydown | false | Object/String | Set the onkeydown attribute of the second list | |
doubleOnkeypress | false | Object/String | Set the onkeypress attribute of the second list | |
doubleOnkeyup | false | Object/String | Set the onkeyup attribute of the second list | |
doubleOnmousedown | false | Object/String | Set the onmousedown attribute of the second list | |
doubleOnmousemove | false | Object/String | Set the onmousemove attribute of the second list | |
doubleOnmouseout | false | Object/String | Set the onmouseout attribute of the second list | |
doubleOnmouseover | false | Object/String | Set the onmouseover attribute of the second list | |
doubleOnmouseup | false | Object/String | Set the onmouseup attribute of the second list | |
doubleOnselect | false | Object/String | Set the onselect attribute of the second list | |
doubleSize | false | Object/String | Set the size attribute of the second list | |
doubleListKey | false | Object/String | Set the list key of the second attribute | |
emptyOption | false | false | Boolean | Decides of an empty option is to be inserted in the second list |
headerKey | false | Object/String | Set the header key of the second list. Must not be empty! "'-1'" and "''" is correct, "" is bad. | |
headerValue | false | Object/String | Set the header value of the second list | |
multiple | false | Object/String | Creates 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. | |
size | false | Integer | Size of the element box (# of elements to show) | |
doubleAccesskey | false | Object/String | Set the html accesskey attribute. | |
list | true | Object/String | Iterable 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. | |
listKey | false | Object/String | Property of list objects to get field value from | |
listValue | false | Object/String | Property of list objects to get field content from | |
templateDir | false | Object/String | The template directory. | |
theme | false | Object/String | The theme (other than default) to use for rendering the element | |
template | false | Object/String | The template (other than default) to use for rendering the element | |
cssClass | false | Object/String | The css class to use for element | |
cssStyle | false | Object/String | The css style definitions for element ro use | |
title | false | Object/String | Set the html title attribute on rendered html element | |
disabled | false | Object/String | Set the html disabled attribute on rendered html element | |
label | false | Object/String | Label expression used for rendering a element specific label | |
labelposition | false | Object/String | define label position of form element (top/left) | |
requiredposition | false | Object/String | define required position of required form element (left|right) | |
name | false | Object/String | The name to set for element | |
required | false | false | Boolean | If set to true, the rendered element will indicate that input is required |
tabindex | false | Object/String | Set the html tabindex attribute on rendered html element | |
value | false | Object/String | Preset the value of input element. | |
onclick | false | Object/String | Set the html onclick attribute on rendered html element | |
ondblclick | false | Object/String | Set the html ondblclick attribute on rendered html element | |
onmousedown | false | Object/String | Set the html onmousedown attribute on rendered html element | |
onmouseup | false | Object/String | Set the html onmouseup attribute on rendered html element | |
onmouseover | false | Object/String | Set the html onmouseover attribute on rendered html element | |
onmousemove | false | Object/String | Set the html onmousemove attribute on rendered html element | |
onmouseout | false | Object/String | Set the html onmouseout attribute on rendered html element | |
onfocus | false | Object/String | Set the html onfocus attribute on rendered html element | |
onblur | false | Object/String | Set the html onblur attribute on rendered html element | |
onkeypress | false | Object/String | Set the html onkeypress attribute on rendered html element | |
onkeydown | false | Object/String | Set the html onkeydown attribute on rendered html element | |
onkeyup | false | Object/String | Set the html onkeyup attribute on rendered html element | |
onselect | false | Object/String | Set the html onselect attribute on rendered html element | |
onchange | false | Object/String | Set the html onchange attribute on rendered html element | |
accesskey | false | Object/String | Set the html accesskey attribute on rendered html element | |
tooltip | false | String | Set the tooltip of this particular component | |
tooltipConfig | false | String | Set the tooltip configuration | |
id | false | Object/String | id for referencing element. For UI and form tags it will be used as HTML id attribute |