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

DragAndDropDirective

A directive which enables the dragging and dropping items inside the current TreeView or between multiple linked TreeView component instances (see example).

Triggers the nodeDragStart, nodeDrag, nodeDrop, nodeDragEnd, addItem and removeItem events when the corresponding actions occur on the respective TreeView instance.

Selector

[kendoTreeViewDragAndDrop]

Inputs

allowCopy

boolean

(default: false) Specifies whether the removeItem event will be fired after an item is dropped when the ctrl key is pressed. If enabled, the removeItem event will not be fired on the source TreeView (see example).

dropZoneTreeViews

TreeViewComponent[]

Specifes the TreeViewComponent instances into which dragged items from the current TreeViewComponent can be dropped (see example).

startDragAfter

number

(default: 5) Specifies the distance in pixels from the initial item pointerdown event, before the dragging is initiated. The nodeDragStart and all consequent TreeView drag events will not be fired until the actual dragging begins.