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

TreeView Events

The Kendo UI for Angular TreeView emits a number of events which enable you to control its behavior upon user interaction.

The following example demonstrates the focus, blur, expand, collapse, selectionChange, filterChange, and filterStateChange events of the TreeView.

Example
View Source
Change Theme:

Node Events

Some of the TreeView events are emitted only when the kendoTreeViewDragAndDrop functionality is enabled.

The following events will be emitted:

  • nodeDragStartFires when the dragging begins. If prevented, the node won't be dragged.
  • nodeDragFires during dragging.
  • nodeDropFires when a node is dropped on a valid target. If prevented or marked as invalid, the subsequent addItem and removeItem events will not be fired.
  • addItemFires on the targeted TreeView after the node is dropped.
  • removeItemFires on the source TreeView after the node is dropped.
  • nodeDragEndFires when the dragging ends.

In the following example, the event arguments are logged to the console as they occur.

Example
View Source
Change Theme:

In this article

Not finding the help you need?