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.

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:

  • nodeDragStart—Fires when the dragging begins. If prevented, the node won't be dragged.
  • nodeDrag—Fires during dragging.
  • nodeDrop—Fires 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.
  • addItem—Fires on the targeted TreeView after the node is dropped.
  • removeItem—Fires on the source TreeView after the node is dropped.
  • nodeDragEnd—Fires when the dragging ends.

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

View Source
Change Theme:

In this article

Not finding the help you need?