Skip to main content

afterShapeIconClick

Description​

Fires after clicking a control in the per-item toolbar

Usage​

"afterShapeIconClick": (
    iconId: string, 
    shape: object
) => void;

Parameters​

The callback of the event is called with the following parameters:

  • iconId - the type or id of the toolbar control
  • shape - an object with the item configuration
info

For handling the inner Diagram Editor events you can use the on() method.

Example​

// initializing Diagram Editor
const editor = new dhx.DiagramEditor("editor_container");
// loading data
editor.parse(data);

// attaching a handler to the event
editor.events.on("afterShapeIconClick", (iconId, shape) => {
    console.log(`
        You've clicked the ${iconId} toolbar control of the shape ${shape.id}
    `);
});

Change log: Added in v3.1