Skip to main content


fires on moving a mouse pointer out of item's borders while dragging the item

cancelDrop: (data: object, events: MouseEvent) => any;


  • data: object - data object. It contains 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
  • events: MouseEvent - a native HTML event object

Example"cancelDrop", function(data, events) {
// your logic here

Related sample: Dataview. Events

Change log:

added in v7.0