Zum Hauptinhalt springen

itemMoveEnd

Beschreibung​

Wird ausgelöst, nachdem ein Element verschoben wurde

Hinweis

Das Event funktioniert nicht mit dem line-Objekt.

Das Event wird nur für das Zielelement ausgelöst, unabhängig von der Anzahl der ausgewählten Elemente. Die IDs der gezogenen Elemente werden im Parameter batch der Callback-Funktion bereitgestellt.

Verwendung​

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

Parameter​

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

  • id - die ID eines Elements
  • batch - ein Array mit den IDs der verschobenen Elemente
  • coords - ein Objekt mit den Koordinaten x und y der Elementposition nach der Verschiebung, wobei:
    • x - die horizontale Position des Elements, von links nach rechts
    • y - die vertikale Position des Elements, von oben nach unten
  • event - ein Event-Objekt

Beispiel​

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

// Handler für das Event hinzufügen
editor.events.on("itemMoveEnd", ({ id, coords }) => {
    console.log(`
        Item ${id} is at the position:
            x: ${coords.x}
            y: ${coords.y}
    `);
});

Changelog:

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

Verwandte API:

Verwandtes Beispiel:

Need more help?Contact Support