Toolbar-Events-Übersicht

Sie können die folgenden Toolbar-Events von Suite verwenden:

Name	Beschreibung
afterHide	Wird ausgelöst, nachdem ein Unterelement der Toolbar ausgeblendet wurde
beforeHide	Wird ausgelöst, bevor ein Unterelement der Toolbar ausgeblendet wird
click	Wird ausgelöst, nachdem auf ein Steuerelement geklickt wurde
input	Wird ausgelöst, wenn Text in das Eingabefeld eingegeben wird
inputBlur	Wird ausgelöst, wenn ein Steuerelement den Fokus verliert
inputChange	Wird ausgelöst, wenn der Wert im Input-Steuerelement der Toolbar geändert wird
inputFocus	Wird ausgelöst, wenn ein Steuerelement fokussiert wird
keydown	Wird ausgelöst, wenn eine beliebige Taste gedrückt wird und ein Steuerelement der Toolbar fokussiert ist
openMenu	Wird ausgelöst, wenn ein Menü-Steuerelement erweitert wird

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        toolbar: true
    }
});
// behandelt das "click"-Event
editor.toolbar.events.on("click", (id, event) => {
    // etwas Logik
});

TreeCollection-Events-Übersicht

Sie können die folgenden TreeCollection-Events von Suite verwenden:

Name	Beschreibung
afterAdd	Wird ausgelöst, nachdem ein neues Element in eine Tree-Collection eingefügt wurde
afterRemove	Wird ausgelöst, nachdem ein neues Element aus einer Tree-Collection entfernt wurde
beforeAdd	Wird ausgelöst, bevor ein neues Element in eine Tree-Collection eingefügt wird
beforeRemove	Wird ausgelöst, bevor ein Element aus einer Tree-Collection entfernt wird
change	Wird ausgelöst, wenn eine Tree-Collection geändert wird
filter	Wird ausgelöst, nachdem eine Tree-Collection gefiltert wurde
load	Wird ausgelöst, wenn Elemente in eine Tree-Collection geladen werden
loadError	Wird ausgelöst, wenn das Laden von Daten fehlschlägt
removeAll	Wird ausgelöst, wenn alle Elemente aus einer Tree-Collection entfernt werden

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        toolbar: true
    }
});
// behandelt das "load"-Event
editor.toolbar.events.on("load", () => {
    // etwas Logik hier
});
// neue Toolbar-Daten laden
editor.toolbar.parse(["file", "spacer", "scale"]);