Обзор событий Toolbar

Вы можете использовать следующие события Toolbar из Suite:

Название	Описание
afterHide	Срабатывает после скрытия дочернего элемента Toolbar
beforeHide	Срабатывает перед скрытием дочернего элемента Toolbar
click	Срабатывает после клика по элементу управления
input	Срабатывает при вводе текста в поле ввода
inputBlur	Срабатывает при потере фокуса элементом управления
inputChange	Срабатывает при изменении значения в элементе управления Input компонента Toolbar
inputFocus	Срабатывает при получении фокуса элементом управления
keydown	Срабатывает при нажатии любой клавиши, когда элемент управления Toolbar находится в фокусе
openMenu	Срабатывает при разворачивании элемента управления меню

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        toolbar: true
    }
});
// обрабатывает событие "click"
editor.toolbar.events.on("click", (id, event) => {
    // некоторая логика
});

Обзор событий TreeCollection

Вы можете использовать следующие события TreeCollection из Suite:

Название	Описание
afterAdd	Срабатывает после добавления нового элемента в древовидную коллекцию
afterRemove	Срабатывает после удаления нового элемента из древовидной коллекции
beforeAdd	Срабатывает перед добавлением нового элемента в древовидную коллекцию
beforeRemove	Срабатывает перед удалением элемента из древовидной коллекции
change	Срабатывает при изменении древовидной коллекции
filter	Срабатывает после фильтрации древовидной коллекции
load	Срабатывает при загрузке элементов в древовидную коллекцию
loadError	Срабатывает при ошибке загрузки данных
removeAll	Срабатывает при удалении всех элементов из древовидной коллекции

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        toolbar: true
    }
});
// обрабатывает событие "load"
editor.toolbar.events.on("load", () => {
    // некоторая логика здесь
});
// загружает новые данные toolbar
editor.toolbar.parse(["file", "spacer", "scale"]);