View Source

Use the <multiselect> tag to provide multiple-choice options for widgets.

Available attributes:

Attribute

Type

Mandatory

Description

canExcludeAll

Boolean

N

Set the value to true to make it possible to leave the field with no items selected.

class

String

N

Specify the CSS class name defined in the CSS field of the widget.

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.

options

Array

N

Specify the available options by using the CodeMirror JSON formatting.

You can put any number of options in the drop-down menu. The vertical scrolling appears if there are more than 6 options.

readOnly

Boolean

N

Set the value to true to make the field read-only. The default value is false.

style

String

N

Specify the display settings (size, font, color, and others) of the tag elements using the CSS syntax.

values

Array

N

Specify the options selected by default.

Example:

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