The <select> tag adds a field that allows selecting items.

Available attributes:

AttributeTypeMandatoryDescription
classStringNSpecify the CSS class name defined in the CSS field.
isMandatoryBooleanNTo make a field mandatory, set the attribute equal to 'true'.
isVisibleBooleanNTo disable the widget displaying, set the attribute equal to 'false'. This attribute is equal to 'true' by default.
labelStringNDescribe the field content by giving a field label with text information.
modelStringYSpecify this attribute to point to the client controller data object. When the model data changes, it is automatically transferred to the data of the client script.

readOnly

BooleanN

To make the field read-only, set the attribute equal to 'true'.

optionsStringN

This field type matches database values with what is displayed. Specify the options available for selecting using the CodeMirror JSON formatting to set the options you need.

You can put as many options into the drop-down menu as you need, but after the sixth one is placed, a vertical scroll appears.


placeholderStringNSpecify a placeholder for a text field.
styleStringN

Specify the display settings (size, font, color, etc.) of the widget elements using the CSS syntax.

value

StringN

Specify the default value for the field.

radioButtonsModeBooleanNSet the attribute to 'true' to display choice options in the form of radio buttons. Otherwise, the standard drop-down list is used.


<select label="Class" isMandatory="true" model="data.class" options='[{"database_value":"","display_value":""},{"database_value":"155964310500000004","display_value":"Server"},{"database_value":"155964310500000006","display_value":"Database"}]'></select>