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

The following attribute is applicable:

AttributeTypeMandatoryDescription
classStringNSpecify the CSS class name defined in the CSS field.
isMandatoryBooleanNMake the field mandatory. For this, set the attribute equal to 'true'.
isVisibleBooleanNDisable the widget displaying. 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

Make the field read-only. For this, set the attribute equal to 'true'.

optionsStringN

This field type matches database values with what will be displayed. Specify 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
<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>
  • No labels