Skip to main content

afterRowDrop

fires before the user has finished dragging a row but after the mouse button is released

afterRowDrop: (data: object, event: MouseEvent, dropPosition: "top" | "bottom" | "in") => void;

Parameters:

The callback of the event is called with the following parameters:

  • data: object - data object. It contains the following parameters:
    • start: string | number - the id of a row, from which the dragging process has started
    • source: array - an array with ids of dragged rows
    • target: string | number - the id of a potential target row
  • event: MouseEvent - a native HTML event object
  • dropPosition: string - defines the position of the dragged item dropping relative to the target item: "top" | "bottom" | "in" (the "in" value is used only for the TreeGrid mode)

Example

grid.events.on("afterRowDrop", (data, event, dropPosition) => {
    // your logic here
});

Related sample: Grid. Events

Change log:

added in v7.0