Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Use the <select> tag

...

to add a field

...

with a selection of items.

Available attributes:

AttributeTypeMandatoryDescription
classStringNSpecify the CSS class name defined in the CSS field of the widget.
isMandatoryBooleanNTo make a field mandatory, set the attribute equal to

...

true

...

.
isVisibleBooleanNTo disable the

...

tag, set the attribute equal to

...

false

...

. This attribute is equal to

...

true

...

 by default.
labelStringNDescribe the field content by giving it a

...

title.
modelStringYSpecify 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

BooleanN

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

...

true.

options

...

ArrayN

...

Specify the options available for selecting using the CodeMirror JSON formatting

...

.

Info

You can put

...

any number of options in the drop-down menu

...

, but

...

the

...

vertical scrolling appears if there are more than 6 options.


placeholderStringNSpecify a placeholder for a text field.
styleStringN

Specify the display settings (size, font, color,

...

and others) 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.

Example:

Code Block
languagexml
titleselect
linenumberstrue
<select label="Class" isMandatory="true" model="data.class" options='[

...

{"database_value":"155964310500000004","display_value":"Server"},{"database_value":"155964310500000006","display_value":"Database"}]'></select>