Select

Select one or more items from a dropdown.

Demo

Static & Single example

{ "type": "select", "label": "Static & Single Select", "value": "{{select_1}}", "extraSettings": { "dataSource": "Static", "identity": "value", "formatItem": "{{$item.text + ' identified as ' + $item.value}}", "enableAutocomplete": false, "items": [ { "text": "Linux", "value": "lin" }, { "text": "MacOS", "value": "mac" }, { "text": "Windows", "value": "win" } ] } }

Attributes

Attribute	Type	Description
type	string	Type expected is select.

See section Common attributes.

Extra attributes

Attribute	Type	Description
linkUrl	string	URL to go to when any item is clicked, usually an associated expression, e.g. {{$item.url}}
autocompleteMinLength	number	Minimum length to start filtering if enableAutocomplete is true
enableAutocomplete	boolean	If true, component will filter items based on typed text
multi	boolean	If true, multiple values are stored
selectionErrorMessage	string	Custom error message for invalid selection validation
minItems	number	When multipleEntries is true, it requires to have a minimum number if items
maxItems	number	When multipleEntries is true, it requires to have a maximum number if items
minItemsErrorMessage	string	Custom error message for minItems validation
maxItemsErrorMessage	string	Custom error message for maxItems validation
clientSideFiltering	boolean	Set it to false to disable client side filtering. Useful when the select is configured with a rest enpoint that filters the resultset itself.

This component uses DataSource. See section DataSource.

When to use it

Use it when multiple items are available or can be selected for only one input.

There are multiple combinations possible with this component depending on:

• Single / Multi: Single value or multiple values are accepted
• Static / Rest: Data comes with the definition or data need to be queryed
• Full / Id: When new item is selected data stores the ID attribute or Full item data