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

Persisting the Expanded Node State

The MultiSelectTree enables you to define and persist the expanded state of its nodes when the popup TreeView is re-rendered.

Manual Setup

The MultiSelectTree exposes the following options to control the expanded state of its nodes:

  • isNodeExpanded ((node: any) => boolean)—Determines if a given node is expanded.
  • nodeCollapse (EventEmitter<any>)—Fired when a given node is about to be collapsed.
  • nodeExpand (EventEmitter<any>)—Fired when a given node is about to be expanded.

The following example demonstrates how to manually track and control the expanded node state.

Example
View Source
Change Theme:

Using the Built-In Directive

By default, the built-in kendoMultiSelectTreeExpandable directive persists the expanded nodes based on their hierarchical index.

Example
View Source
Change Theme: