Dropdown Tree
The dropdown tree component represents an editor of hierarchical data, rendered in a tree-like structure, which provides multiple selection option and custom nodes. |  |
Public Variables (Properties)
[?]
Common Variables: Name, Visible, Breakpoint, Dropdown Style, Grid Width, Grid Height, Content Overflow, Container Style, Custom Classes, Style, Preloader, Component Bindings.
Tree Data
This property defines elements of the dropdown tree and its structure.
Variable Name: | treeData |
Records: | 0..unlimited |
Record Format:
Field Name | Field Type | Field Description |
value | String | Value. The unique value of the element. Commonly used to access a particular element using bindings. |
title | String | Title. The element description text to display in the dropdown tree. |
children | Data Table | Children. Defines child elements of the particular element. |
Placeholder
The text displays when there is no other text in the input field.
Variable Name: | placeholder |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
placeholder | String | Placeholder |
Search Placeholder
The text displays when there is no other text in the input field in the search state.
Variable Name: | searchPlaceholder |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
searchPlaceholder | String | Search Placeholder |
Show Search
If enabled, allows searching input text by dropdown tree elements.
Variable Name: | showSearch |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
showSearch | Boolean | Show Search |
Tree Checkable
If enabled, adds selectable check boxes to dropdown tree elements.
Variable Name: | treeCheckable |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
treeCheckable | Boolean | Tree Checkable |
Multiple Selection
If enabled, allows selecting multiple dropdown tree elements.
Variable Name: | multiple |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
multiple | Boolean | Multiple Selection |
Allow Clearing
If enabled, when one or more tree elements are checked or selected, an icon appears in the component which allows the user to clear the selections and return all tree elements to the unselected state.
Variable Name: | allowClear |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
allowClear | Boolean | Allow Clearing |
Expand All by Default
If enabled, all dropdown tree elements will be expanded by default.
Variable Name: | treeDefaultExpandAll |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
treeDefaultExpandAll | Boolean | Expand All By Default |
Disabled
This flag indicates the component is active. Disabled components do not respond to user input, and are rendered as grayed-out.
Variable Name: | disabled |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
disabled | Boolean | Disabled |
Expanded Nodes
Indicates the dropdown tree elements that are expanded.
Variable Name: | expandedNodes |
Records: | 0..unlimited |
Record Format:
Field Name | Field Type | Field Description |
value | String | Value |
title | String | Title |
Checked Nodes
Indicates the dropdown tree elements that are selected.
Variable Name: | checkedNodes |
Records: | 0..unlimited |
Record Format:
Field Name | Field Type | Field Description |
value | String | Value of the tree element to be selected by default. |
title | String | Title of the tree element to be selected by default. |
Public Events
[?]
Was this page helpful?