Skip to main content

Events of Toolbar

You can use the following Toolbar events of Suite 8:

NameDescription
afterHideFires after hiding a sub-item of Toolbar
beforeHideFires before hiding a sub-item of Toolbar
clickFires after a click on a control
inputFires on entering a text into the input field
inputBlurFires when a control is blurred
inputChangeFires on changing the value in the Input control of Toolbar
inputFocusFires when a control is focused
keydownFires when any key is pressed and a control of Toolbar is in focus
openMenuFires on expanding a menu control
const editor = new dhx.DiagramEditor("editor_container", {
type: "default",
view: {
toolbar: true
}
});
// handles the "click" event
editor.toolbar.events.on("click", (id, event) => {
// some logic here
});