afterItemCatch

Beschreibung

Wird ausgelöst, nachdem ein Element erfasst wurde

Info

Das Event funktioniert nur in den Modi Organigramm und mindmap von Diagram; die Eigenschaft itemsDraggable muss auf true gesetzt sein.

Verwendung

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

Parameter

Die Callback-Funktion des Events wird mit einem Objekt aufgerufen, das die folgenden Parameter enthält:

• id - die ID des verschobenen Elements
• targetId - die ID des Zielelements
• batch - ein Array mit den IDs der verschobenen Elemente
• event - ein Event-Objekt

Beispiel

// Diagram Editor initialisieren
const editor = new dhx.DiagramEditor("editor_container");
// Daten laden
editor.parse(data);

// Handler an das Event anhängen
editor.events.on("afterItemCatch", ({ id, targetId }) => {
    console.log(`
        item ${id} is caught by the item ${targetId}
    `);
});

Changelog:

• Der Parameter batch wurde in v6.0 hinzugefügt
• Die Callback-Funktion nimmt seit v6.0 ein Objekt als Parameter entgegen