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

ExpandDirective

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

NameTypeDefaultDescription

expandedKeys

any[]

Defines the collection that stores the expanded keys.

expandBy

string | (context: TreeItem) => any

Defines the item key stored in the expandedKeys collection.

expandOnFilter

boolean | FilterExpandSettings

false

Specifies whether to auto-expand the nodes leading from the root node to each filter result. To fine-tune this behavior, pass a FilterExpandSettings object to this input.

Events

NameTypeDescription

expandedKeysChange

EventEmitter<any[]>

Fires when the expandedKeys collection updates.

In this article
SelectorInputsEvents
Not finding the help you need?
Contact Support