Edit this page

dragend

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.

Example - subscribe to the "dragend" event during initialization

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  dragAndDrop: true,
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ],
  dragend: function(e) {
    console.log("Drag end", e.sourceNode, e.dropPosition, e.destinationNode);
  }
});
</script>

Example - subscribe to the "dragend" event after initialization

<div id="treeview"></div>
<script>
function tree_dragend(e) {
  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>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy