New to Kendo UI for AngularStart a free 30-day trial

DragAndDropDirective

Represents the directive that enables you to drag and drop 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 you perform the corresponding actions.

html
<kendo-treeview
   kendoTreeViewDragAndDrop
   [dropZoneTreeViews]="treeView"
>
</kendo-treeview>

Selector

[kendoTreeViewDragAndDrop]

Inputs

NameTypeDefaultDescription

allowCopy

boolean

false

Specifies whether the removeItem event fires after the user drops an item while pressing the ctrl key. If enabled, the removeItem event does not fire on the source TreeView (see example).

autoScroll

boolean | DragAndDropScrollSettings

true

Controls the auto-scrolling behavior during drag-and-drop (see example). Enabled by default. To turn off auto-scrolling, set this property to false.

By default, scrolling occurs by 1 pixel every 1 millisecond when the dragged item reaches the top or bottom of the scrollable container. You can override the step and interval by providing a DragAndDropScrollSettings object.

dropZoneTreeViews

TreeViewComponent[]

Specifies the TreeViewComponent instances into which the user can drop dragged items from the current TreeViewComponent (see example).

startDragAfter

number

5

Specifies the distance in pixels from the initial item pointerdown event before dragging starts. The nodeDragStart and all subsequent TreeView drag events do not fire until dragging begins.

In this article
SelectorInputs
Not finding the help you need?
Contact Support