afterItemCatch

Description

Fires after an item is caught

info

The event works only in the org chart and mindmap modes of Diagram, the itemsDraggable property must be set to true.

Usage

"afterItemCatch": ({
    id: string | number,
    targetId: string | number,
    batch: (string | number)[],
    event: PointerEvent
}) => void;

Parameters

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

• id - the id of the moved item
• targetId - the id of the target item
• batch - an array of moved elements' ids
• event - an event object

Example

// initializing Diagram Editor
const editor = new dhx.DiagramEditor("editor_container");
// loading data
editor.parse(data);

// attaching a handler to the event
editor.events.on("afterItemCatch", ({ id, targetId }) => {
    console.log(`
        item ${id} is caught by the item ${targetId}
    `);
});

Change log:

• The batch parameter was added in the v6.0
• The callback function takes an object as a parameter since v6.0