New to Kendo UI for Angular? Start a free 30-day trial
HierarchyBindingDirective
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. |