TreeViewPropsPremium
Represents the props of the KendoReact TreeView component.
Name | Type | Default | Description |
---|---|---|---|
animate? |
|
Enables or disables the expand and collapse animations. Example: jsx
| |
aria-label? |
|
Defines a string value that labels the TreeView (more on accessibility by the TreeView). Example: jsx
| |
aria-labelledby? |
|
Identifies the element or elements which will label the TreeView (more on accessibility by the TreeView). Example: jsx
| |
aria-multiselectable? |
|
Indicates that the user can select more than one TreeView items.
If the TreeView is in a multiple selection mode, set the Example: jsx
| |
checkboxes? |
|
Controls the rendering of checkboxes. By default, the checkboxes are not rendered. Example: jsx
| |
checkField? |
|
Specifies the name of the field which will provide a Boolean representation for the checked state of the item. Defaults to Example: jsx
| |
checkIndeterminateField? |
|
Specifies the name of the field which will provide a Boolean representation for the check indeterminate state of the item. Defaults to Example: jsx
| |
childrenField? |
|
Specifies the name of the field which will provide an array representation of the item children. Example: jsx
| |
className? |
|
Adds a custom CSS class to the TreeView container element. Example: jsx
| |
data? |
|
Provides the hierarchical data to be displayed in the TreeView. Example: jsx
| |
dir? |
|
Sets the direction of the component. Example: jsx
| |
disableField? |
|
Specifies the name of the field which will provide a Boolean representation for the disabled state of the item. Defaults to Example: jsx
| |
draggable? |
|
Controls the dispatching of the | |
expandField? |
|
Specifies the name of the field which will provide a Boolean representation for the expanded state of the item. Defaults to Example: jsx
| |
expandIcons? |
|
Controls the rendering of the expand (collapse) icons. By default, the icons are not rendered (see example). Example: jsx
| |
focusIdField? |
|
The TreeView has a built-in implementation of focusing and keyboard navigation. By default, the component uses
hierarchical indices to uniquely match the focused item. You can use the Example: jsx
| |
getFocusHierarchicalIndex? |
|
When Example: jsx
| |
hasChildrenField? |
|
Specifies the name of the field which indicates to the TreeView that an item has children even if the children are not initially passed. Used for implementing the load-on-demand feature (see example). Defaults to Example: jsx
| |
iconField? |
|
Specifies the name of the field which will provide an icon for the specific TreeView item. Defaults to Example: jsx
| |
id? |
|
Specifies the Example: jsx
| |
item? |
|
Defines the component that will be used for rendering each of the TreeView items (see example). Example: jsx
| |
onCheckChange? |
|
Fires when a checkbox is clicked or when Example: jsx
| |
onContextMenu? |
|
The event that is fired when the ContextMenu is activated. Example: jsx
| |
onExpandChange? |
|
Triggered when an item is expanded or collapsed. Example: jsx
| |
onItemClick? |
|
Fires when an item is clicked or when Example: jsx
| |
onItemDragEnd? |
|
Fires when a dragged item is dropped (see example). Example: jsx
| |
onItemDragOver? |
|
Fires when a dragged item changes its position (see example). Example: jsx
| |
onItemDragStart? |
|
Fires when the dragging of an item has started. Example: jsx
| |
selectField? |
|
Specifies the name of the field which will provide a Boolean representation for the selected state of the item. Defaults to Example: jsx
| |
size? |
|
| |
tabIndex? |
|
Specifies the Example: jsx
| |
textField? |
|
Specifies the name of the field which will provide a text representation for the item. Defaults to Example: jsx
|