Improve this question.

To activate the Drag and Drop functionality, apply the kendoTreeViewDragAndDrop directive on a TreeView component. The directive allows the nodes to be dragged and the TreeView will emit the following events: nodeDragStart - Fired when the dragging begins.

The latter uses an EditService which handles the addItem and removeItem events.

If prevented, the node won't be dragged. Jan 07, Description: Angular UI Tree is an AngularJS UI component that can sort nested lists, provides drag & drop support and doesn’t depend on stumpclearing.bar: JimLiu. issue:with drag n drop enable: I can't use ng-click to remove/edit a node, but I can drag n drop it.

w/o drag n drop enable: my ng-click works. Solution: move the"ui-tree-handle" from the global div to specific location w/o any ng-click in.

Angular Tree is an AngularJS UI component that can sort nested lists, provides drag & drop support and doesn't depend on jQuery.

Jan 23, When you drag one or multiple items within the IntegralUI TreeView for Angular, drag and drop events are fired, which you can handle in your code. An event can fire when dragged item enters or leaves the tree view space, when it is dragged over some other item or when item drops. Jul 30, To drag and drop more than one node, you should enable the allowMultiSelection property along with the allowDragAndDrop property.

In real scenarios, you may need to set some condition and cancel the drag and drop when fulfilled, like in previous example.

To perform multi-selection, press and hold CTRL key and click the desired nodes. To select range of nodes, press and hold the SHIFT key and click the nodes.