Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Merged branch "DOC0000070" into parent

...

Use the <select> tag

...

to add a

...

single select field to the widget.

Available attributes:

AttributeTypeMandatoryDescription
classStringNSpecify the CSS class name defined in the CSS field of the widget.
isMandatoryBooleanN

...

Set the value to true to make the field mandatory. The default value is false.
isVisibleBooleanN

...

Set the value to false to hide the tag. The default value is true.
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

...

Set the value to true to make the field read-only

...

. The default value is false.

options

...

ArrayN

...

Specify the

...

available

...

options using the CodeMirror JSON formatting

...

.

Info

You can put

...

any number of options in the drop-down menu

...

. The vertical scrolling appears if there are more than 6 options.


placeholderStringNSpecify a placeholder for

...

the field when no option is selected.
styleStringN

Specify the display settings (size, font, color,

...

and others) of the

...

tag elements using the CSS syntax.

value

StringN

Specify

...

an option selected by default

radioButtonsModeBooleanNSet the

...

value to

...

true

...

 to display choice options in the form of radio buttons.

...

The default value is false, so the standard drop-down

...

menu 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>

The template above adds the following element to the page:

Image Added