afterLineTitleMove

Beschreibung

Wird ausgelöst, wenn ein Textelement einer Linie um einen Rasterschritt verschoben wird

Verwendung

"afterLineTitleMove": ({
    event: PointerEvent,
    lineId: string | number,
    titleId: string | number,
    coords: object
}) => void;

Parameter

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

• event - ein Event-Objekt
• lineId - die ID einer Linie
• titleId - die ID eines Textelements einer Linie
• coords - ein Objekt mit den Koordinaten x und y der Position des Textelements nach der Verschiebung, wobei:
  • x - die horizontale Position des Textelements, von links nach rechts
  • y - die vertikale Position des Textelements, von oben nach unten

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("afterLineTitleMove", ({ titleId, coords }) => {
    console.log(`
        LineTitle ${titleId} is at the position:
            x: ${coords.x}
            y: ${coords.y}
    `);
});

Changelog: Die Callback-Funktion nimmt seit v6.0 ein Objekt als Parameter entgegen