New to Kendo UI for AngularStart a free 30-day trial

Represents a directive that handles hierarchical data binding and provides built-in filtering functionality for the TreeView.

Use this directive to bind hierarchical data where child nodes are nested within parent nodes. The directive also enables the built-in filter input and automatic filter handling when used with the filterable property.

Definition

Package:@progress/kendo-angular-treeview

Selector:[kendoTreeViewHierarchyBinding]

Syntax:

html
<kendo-treeview
    kendoTreeViewHierarchyBinding
    childrenField="items"
    textField="text"
    [nodes]="data"
    [filterable]="true">
 </kendo-treeview>

Inputs

Specifies the field name of the parent node that holds the child data items.

filter

string

Applies a filter and changes the visibility of the component's nodes accordingly.

The settings which are applied when performing a filter on the component's data.

nodes

any[]

Specifies the hierarchical data displayed by the TreeView.