Events of Toolbar
You can use the following Toolbar events of Suite 8:
Name | Description |
---|---|
afterHide | Fires after hiding a sub-item of Toolbar |
beforeHide | Fires before hiding a sub-item of Toolbar |
click | Fires after a click on a control |
input | Fires on entering a text into the input field |
inputBlur | Fires when a control is blurred |
inputChange | Fires on changing the value in the Input control of Toolbar |
inputFocus | Fires when a control is focused |
keydown | Fires when any key is pressed and a control of Toolbar is in focus |
openMenu | Fires 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
});