New to Kendo UI for Angular? Start a free 30-day trial
ExpandDirective
Updated on Oct 30, 2025
Represents a directive that manages the expanded state of the TreeView (see example).
html
<kendo-treeview
kendoTreeViewExpandable
expandBy="id"
[(expandedKeys)]="expandedKeys"
[expandOnFilter]="true"
[nodes]="data">
</kendo-treeview>
Selector
[kendoTreeViewExpandable]
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
expandedKeys |
|
Defines the collection that stores the expanded keys. | |
expandBy |
|
Defines the item key stored in the | |
expandOnFilter |
|
|
Specifies whether to auto-expand the nodes leading from the root node to each filter result.
To fine-tune this behavior, pass a |
Events
| Name | Type | Description |
|---|---|---|
expandedKeysChange |
|
Fires when the |