Toolbar 事件概述

您可以使用Suite的以下 Toolbar 事件：

Name	Description
afterHide	在隐藏 Toolbar 的子项之后触发
beforeHide	在隐藏 Toolbar 的子项之前触发
click	在点击控件之后触发
input	在输入框中输入文本时触发
inputBlur	在控件失去焦点时触发
inputChange	在更改 Toolbar 的 Input 控件的值时触发
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 事件概述

您可以使用Suite的以下 TreeCollection 事件：

Name	Description
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"]);