Select
Select one or more items from a dropdown.
Demo
Static & Single example
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 acceptedStatic
/Rest
: Data comes with the definition or data need to be queryedFull
/Id
: When new item is selected data stores the ID attribute or Full item data