Skip to main content

lineClick

Description​

Fires on clicking a connector line

Usage​

lineClick: (
    id: string | number, 
    event: MouseEvent
) => void;

Parameters​

The callback of the event takes the following parameters:

  • id - (required) the id of a connector line
  • event - (required) a native HTML event object

Example​

// initializing Diagram
const diagram = new dhx.Diagram("diagram_container", {
    type: "default"
});
// loading data
diagram.data.parse(data);

// attaching a handler to the event
diagram.events.on("lineClick", (id) => {
    console.log(id);
});

Change log: Added in v3.0

Related article: Event handling