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
});