New to Kendo UI for Angular? Start a free 30-day trial
HierarchyBindingDirective
Updated on Oct 30, 2025
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.
html
<kendo-treeview
    kendoTreeViewHierarchyBinding
    childrenField="items"
    textField="text"
    [nodes]="data"
    [filterable]="true">
 </kendo-treeview>Selector
[kendoTreeViewHierarchyBinding]
Inputs
| Name | Type | Default | Description | 
|---|---|---|---|
| childrenField | 
 | Specifies the field name of the parent node that holds the child data items. | |
| filter | 
 | Applies a filter and changes the visibility of the component's nodes accordingly. | |
| filterSettings | 
 | The settings which are applied when performing a filter on the component's data. | |
| nodes | 
 | Specifies the hierarchical data displayed by the TreeView. |