Skip to main content

beforeRowDrop

fires before the user has finished dragging and released the mouse button over a target row

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

Parameters:

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

  • data: object - data object. It contains the following properties:
    • 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)

Returns:

Return false to block the default action; otherwise, true.

Example

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

Related sample: Grid. Events

Change log:

added in v7.0