The <multiselect> tag provides multiple-choice options for widgets.

The following attributes are applicable:

AttributeTypeMandatoryDescription
canExcludeAllBooleanNSet the attribute to 'true' to enable deselecting items in bulk.
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.
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.

readOnly

BooleanN

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

styleStringN

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

valuesStringNSpecify values for the selection.


multiselect
<multiselect model="data.values" canExcludeAll="true" values='["1", "2"]' options='[{"database_value":"","display_value":""},{"database_value":"1","display_value":"First"},{"database_value":"2","display_value":"Second"}]'></multiselect>
  • No labels