Skip to main content


fires after dragging of an item is finished

afterDrag: (data: object, events: MouseEvent) => void;


  • data: object - data object
  • events: MouseEvent - a native HTML event object

Example"AfterDrag", function(data, events) {    // your logic here});

Related sample: List. List Events

The data object can contain the following parameters:

start(string, number) the id of an item, from which the dragging process has started
source(array) an array with ids of dragged items
target(string, number) the id of a potential target item

Change log:

added in v7.0