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

Dragend

events

Triggered after a node has been dropped.

Event Data

e.sourceNode Element

The node that is being dropped.

e.destinationNode Element

The node that the sourceNode is being dropped upon.

e.dropPosition String

Shows where the source has been dropped. One of the values over, before, or after.

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  dragAndDrop: true,
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ],
  dragend: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("Drag end", e.sourceNode, e.dropPosition, e.destinationNode);
  }
});
</script>
<div id="treeview"></div>
<script>
function tree_dragend(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log("Drag end", e.sourceNode, e.dropPosition, e.destinationNode);
}
$("#treeview").kendoTreeView({
  dragAndDrop: true,
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ]
});
var treeview = $("#treeview").data("kendoTreeView");
treeview.bind("dragend", tree_dragend);
</script>
Not finding the help you need?
Contact Support