Dropdown Selection
Latest Update：Jul 20, 2023, 10:36:44
Scenarios
Display options in a list format, allowing users to search and make selections
Basic Function Description
When binding an "enum" type field and associating it with a data model within a form container, the enums with multiple selection options in the model will automatically render as a multi-select component. This allows users to select multiple data entries. You can configure the default selected values (when configuring default selections, you need to input option values rather than option names) and the component size (effective on PC but not on mobile)
Note：
- The layout orientation of the multi-select component supports both horizontal and vertical arrangements, with vertical as the default. When selecting horizontal, it will automatically wrap based on the length of the options.
- The multi-select component allows configuration of multiple default selected values.
- If the component is within a form container, properties like component size, title alignment, position, line breaks, and width will by default follow the attributes configuration of the form container.
Property
Properties received from external input for the component
| Property Name | Property Description |
|---|---|
| Data Model | Displays the data model available for the current component in the container |
| Bind Fields | Display the data fields that can be selected from the available data model in the container |
| Bind Data | You can enter static data in the format [{"label":"Male","value":"1"}] |
| Field Title | Displays the field title for the current component |
| Display Title | Indicates whether the current component displays a title; it can be hidden if not needed |
| Specify Label | The field to display, default is "label" |
| Specify Value | The field for passing values, default is "value" |
| Default Input Value | The default value for the current component |
| Required | Specifies whether the current component is a required field |
| Disabled | Sets the current component to a disabled state |
| Width | Provides options for selecting the width, such as full, large, medium, or small |
| Layout Orientation | horizontal or full width |