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

ExpandableDirective

A directive which controls the expanded state of the items. See example.

<kendo-treelist ...
  [kendoTreeListFlatBinding]="data"
  kendoTreeListExpandable> ...
</kendo-treelist>

Selector

[kendoTreeListExpandable]

Export Name

Accessible in templates as #kendoExpandableInstance="kendoTreeListExpandable"

Inputs

NameTypeDefaultDescription

expandBy

string | (dataItem: any) => any

Defines the item key that will be stored in the expandedKeys collection. Defaults to the component idField.

expandedKeys

any[]

Sets the expanded item keys.

initiallyExpanded

boolean

false

Specifies if the items should be initially expanded.

Events

NameTypeDescription

expandedKeysChange

EventEmitter<any>

Fires when the expandedKeys are changed.

In this article

Not finding the help you need?