Skip to main content

dragPanelItemMouseDown

pro version only

This functionality requires PRO version of the DHTMLX Grid (or DHTMLX Suite) package.

triggered when the mouse button is pressed on the drag panel item

Usage​

dragPanelItemMouseDown: (id: string, event: MouseEvent | TouchEvent) => void;

Parameters:

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

  • id - the ID of the row associated with the drag panel item
  • event - a browser event: MouseEvent or TouchEvent

Example

const grid = new dhx.Grid("grid_container", {
    columns: [
        { id: "a", header: [{ text: "A" }] },
        { id: "b", header: [{ text: "B" }] },
    ],
    data: [
        { id: "1", a: "A1", b: "B1" },
        { id: "2", a: "A2", b: "B2" },
    ],
    dragPanel: true
});

grid.events.on("dragPanelItemMouseDown", (id, event) => {
    console.log(`Mouse down on drag panel for row ID: ${id}`);
});

Change log:

added in v9.2