TreeViewComponent

Determines whether the content animation is enabled.

A function which provides the child nodes for a given parent node (see example).

Indicates whether only parent nodes should be disabled or their child nodes as well

Determines whether to allow expanding disabled nodes.

Sets an initial value of the built-in input element used for filtering.

Renders the built-in input element for filtering the TreeView. If set to true, the component emits the filterChange event, which can be used to filter the TreeView manually. A built-in filtering implementation is available to use with the kendoTreeViewHierarchyBinding and kendoTreeViewFlatDataBinding directives.

The hint which is displayed when the component is empty.

A function which determines if a specific node has a checkbox.

If there is no checkbox for a node, then this node is not checkable and is excluded from any built-in check functionality.

A function which determines if a specific node has child nodes (see example).

A function which determines if a specific node is checked (see example).

A function which determines if a specific node is disabled.

A function which determines if a specific node is expanded.

A function which determines if a specific node is selected (see example).

A callback which determines whether a TreeView node should be rendered as hidden. The utility .k-hidden class is used to hide the nodes. Useful for custom filtering implementations.

Indicates whether the child nodes will be fetched on node expand or will be initially prefetched.

Determines whether the TreeView keyboard navigable is enabled.

The nodes which will be displayed by the TreeView (see example).

Sets the size of the component.

The possible values are:

• small
• medium (default)
• large
• none

The fields of the data item that provide the text content of the nodes (see example). If the textField input is set to an array, each hierarchical level uses the field that corresponds to the same index in the array, or the last item in the array.

A function that defines how to track node changes. By default, the TreeView tracks the nodes by data item object reference.

Copy Code @Component({
     selector: 'my-app',
     template: `
         <kendo-treeview
             [nodes]="data"
             textField="text"
             [trackBy]="trackBy"
         >
         </kendo-treeview>
     `
 })
 export class AppComponent {
     public data: any[] = [
         { text: "Furniture" },
         { text: "Decor" }
     ];

     public trackBy(index: number, item: any): any {
         return item.text;
     }
 }