Select
A versatile dropdown selection component that supports single and multiple selection modes, option filtering, and dynamic data loading. Features customizable option labels and values, searchable options, multi-select with chips, and clearable selections. Supports both static options and dynamic data binding through entity relationships.
Extends: fieldComponent
Fields
Name | Code | Data Type | Description |
|---|---|---|---|
Label |
| multi-locale | Display label for the select field |
ID |
| text | Unique identifier for the component |
Style Classes |
| text | CSS classes for styling |
Width |
| text | Controls component width |
Value |
| text | Currently selected option value(s) |
Visible |
| boolean | Controls component visibility |
Enabled |
| boolean | Controls whether component is enabled |
Field Style |
| text | Additional field styling options |
Clearable |
| boolean | When enabled, allows users to clear their selection |
Multi Select |
| boolean | Enables selection of multiple options with chip display |
Options |
| text | Array of selectable options to display in the dropdown |
Option Value Field |
| text | Specifies which field from the options to use as the value |
Option Label Field |
| text | Specifies which field from the options to display as the label |
Text Filter |
| text | Filter pattern for searching through options |
List Model |
| text | Data model configuration for dynamic option loading |
Methods
Name | Description |
|---|---|
| Handles filtering of options based on user input |
| Converts the input value to the select's internal value representation |
| Converts the select's internal value to the output value format |
| Handles selection changes and triggers change events |
Events
Name | Description |
|---|---|
| Triggered when the selected option(s) change |
| Triggered when the select dropdown loses focus |
| Triggered when the select dropdown gains focus |