change

Fires when item is sorted and the item's position is changed in the DOM.

Important: This event cannot be prevented. If this is required the developer should use the end event.

Event Data

e.action String

Possible values are: "sort" - indicates that item's position was changed inside the same Sortable container; "remove" - indicates that the item was removed from current Sortable widget; "receive" - indicates that the item was received by a connected Sortable widget instance;

e.item jQuery

The element that is dragged.

e.oldIndex Number

The original position where the item was located at. In case the item is received from connected Sortable the value will be -1

e.newIndex Number

The position where item is placed. In case the item is removed from connected Sortable the value will be -1

e.draggableEvent Object

The original draggable's drag event data.

Example

<ul id="sortable">
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
</ul>

<script>
    $("#sortable").kendoSortable({
        change: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
            console.log("from " + e.oldIndex + " to " + e.newIndex);
        }
    });
</script>