Zum Hauptinhalt springen

afterItemMove

Beschreibung​

Wird ausgelöst, wenn ein Element um einen Rasterschritt verschoben wird

Hinweis

Das Event funktioniert nicht mit dem line-Objekt.

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

Verwendung​

"afterItemMove": ({
    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 des 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
Info

Zur Verarbeitung der internen Diagram-Editor-Events können Sie die Methode on() verwenden.

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("afterItemMove", ({ 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 nimmt seit v6.0 ein Objekt als Parameter entgegen

Verwandte API:

Verwandtes Beispiel:

Need more help?Contact Support