Skip to content
Docs
Components
Tree Selection

Tree-Selection

Latest Update:Jul 20, 2023, 17:09:58

Scenarios

Used for scenarios in a page that include tree selection.

Basic Function Description

Select elements one by one following the tree structure, starting with the first, then the second, and finally the third level.

After data binding is completed, select the next level one by one.

Preview:

Note

  • The data model should be configured with the associated fields and parent-child relationships.

Property

Properties received from external input for the component

Property NameProperty Description
Data ModelDisplays the data model available in the container
Bind FieldsShows the selectable data fields from the data model in the container
Field TitleDisplays the field title of the current component
Display TitleDetermines if the component's title is visible. You can hide it if needed
Prompt TextProvides the hint text for the current component
Default Input ValueSpecifies the default value for the component
RequiredIndicates whether the component is a required field
SearchEnables or disables the search box for the component, allowing you to search the tree's content
Data FilteringAllows you to configure data filtering for the component to display specific data
OptionsProvides options for setting static data for the component
DisabledSets the component to a disabled state
WidthOffers size options such as Full, Large, Medium, and Small
LayoutDefines the layout, which can be Horizontal or Full-width