Render a up down select element
Create a Select component with buttons to move the elements in the select component up and down. When the containing form is submited, its elements will be submitted in the order they are arranged (top to bottom).
<!-- Example 1: simple example --> <a:updownselect list="#{'england':'England', 'america':'America', 'germany':'Germany'}" name="prioritisedFavouriteCountries" headerKey="-1" headerValue="--- Please Order Them Accordingly ---" emptyOption="true" /> <!-- Example 2: more complex example --> <a:updownselect list="defaultFavouriteCartoonCharacters" name="prioritisedFavouriteCartoonCharacters" headerKey="-1" headerValue="--- Please Order ---" emptyOption="true" allowMoveUp="true" allowMoveDown="true" allowSelectAll="true" moveUpLabel="Move Up" moveDownLabel="Move Down" selectAllLabel="Select All" />
Name |
Required |
Default |
Type |
Description |
|---|---|---|---|---|
| allowMoveUp | false | true | Boolean | Whether move up button should be displayed |
| allowMoveDown | false | true | Boolean | Whether move down button should be displayed |
| allowSelectAll | false | true | Boolean | Whether or not select all button should be displayed |
| moveUpLabel | false | ^ | String | Text to display on the move up button |
| moveDownLabel | false | v | String | Text to display on the move down button |
| selectAllLabel | false | * | String | Text to display on the select all button |
| emptyOption | false | false | Boolean | Whether or not to add an empty (--) option after the header option |
| headerKey | false | Object/String | Key for first item in list. Must not be empty! "'-1'" and "''" is correct, "" is bad. | |
| headerValue | false | Object/String | Value expression for first item in list | |
| multiple | false | false | Boolean | 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. Passing a Collection may work too? Haven't tested this. |
| size | false | Integer | Size of the element box (# of elements to show) | |
| 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 |