Use the <select> tag to add a field with a selection of items single select field to the widget.
Available attributes:
| Attribute | Type | Mandatory | Description |
|---|---|---|---|
| class | String | N | Specify the CSS class name defined in the CSS field of the widget. |
| isMandatory | Boolean | N |
| Set the value to true to make the field mandatory. The default value is false. | ||
| isVisible | Boolean | N |
| Set the value to false to hide the tag |
| . The default value is true. | |||
| label | String | N | Describe the field content by giving it a title. |
| model | String | Y | Specify this attribute to connect the client controller |
| data object. When the model data changes, it is automatically transferred to the data of the client controller. | ||
readOnly | Boolean | N |
Set the value to true to make the field read-only |
. The default value is false. | |||
| options | Array | N | Specify the |
available |
options using the CodeMirror JSON formatting.
|
| |||
| placeholder | String | N | Specify a placeholder for |
| the field when no option is selected. | |||
| style | String | N | Specify the display settings (size, font, color, and others) of the |
tag elements using the CSS syntax. | |||
value | String | N | Specify |
an option selected by default | |||
| radioButtonsMode | Boolean | N | Set the |
| value to true to display choice options in the form of radio buttons. |
| The default value is false, so the standard drop-down |
| menu is used. |
Example:
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
<select label="Class" isMandatory="true" model="data.class" options='[{"database_value":"155964310500000004","display_value":"Server"},{"database_value":"155964310500000006","display_value":"Database"}]'></select> |
The template above adds the following element to the page:
