Fired when item drag ends. The dragend event represents a jQuery mouseup event and contains all the event data of the jQuery Event Object.

Example - show draggable element on dragend

<div id="draggable"></div>

    hint: function(element) {
      return element.clone();
    dragstart: function(e) {
    dragend: function(e) {
  #draggable {
    width: 50px;
    height: 50px;
    background-color: orange;
    border: 2px solid green;

Event Data

e.sender kendo.ui.Draggable

The Draggable instance which fired the event.

e.target Element

The draggable element.

In this article