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

DragAndDrop

configuration

Disables (false) or enables (true) drag-and-drop of the nodes. If configured as an object allows disabling click move click interaction as an alternative of dragging.

dragAndDrop

Boolean|Object

Default: false

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  dragAndDrop: true,
  dataSource: [
    { text: "foo" },
    { text: "bar" }
  ]
});
</script>

dragAndDrop.clickMoveClick

Boolean

Disables (false) or enables (true) the click move click interaction as an alternative of dragging. The alternative is disabled by default.

Please note that this functionality would not play well when checkboxes are present in the TreeView. On each checkbox click the respective item will be grabbed to be moved. The same also applies for selection, as every selected item will also be grabbed.

Default: false

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  dragAndDrop: {
    clickMoveClick: true
  },
  dataSource: [
    { text: "foo" },
    { text: "bar" }
  ]
});
</script>