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

Controlling the Open States

The MultiSelectTree enables you to control the state of its items list.

To set the state of the list:

  1. Configure the initially opened component
  2. Prevent the emitted open and close events

You can also retrieve the current open state of the items list by using the isOpen getter.

Setting the Initially Opened Component

You can enable the user to manually toggle between the open and close state of the items list by setting the toggle method. If set to true, the method defines that the items list is open. If set to false, the method defines that the items list is closed.

The following example demonstrates how to configure an initially opened MultiSelectTree.

Example
View Source
Edit In Stackblitz  
Change Theme:

Preventing Opening and Closing

The open and close events are emitted right before the items list is about to open or close. To prevent the corresponding action, call the preventDefault method of the event argument.

The following example demonstrates how to prevent the closing of the items list.

Example
View Source
Edit In Stackblitz  
Change Theme: