New to Kendo UI for Angular? Start a free 30-day trial

ExpandDirective

Directive

Represents a directive that manages the expanded state of the TreeView (see example).

Definition

Package:@progress/kendo-angular-treeview

Selector:[kendoTreeViewExpandable]

Syntax:

html

<kendo-treeview
    kendoTreeViewExpandable
    expandBy="id"
    [(expandedKeys)]="expandedKeys"
    [expandOnFilter]="true"
    [nodes]="data">
</kendo-treeview>

Inputs

expandBy

string | (context: TreeItem) => any

Defines the item key stored in the expandedKeys collection.

expandedKeys

any[]

Defines the collection that stores the expanded keys.

expandOnFilter

boolean | FilterExpandSettings

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.

Default:

false

Events

expandedKeysChange

EventEmitter<any[]>

Fires when the expandedKeys collection updates.