I’m trying to capture mouse and keyboard events in the grid area of the gantt chart but I am not able to do so by adding my own event handlers to elements in the grid area. It seems like the dhtmlx gantt chart seems to stop the propagation of any keyboard or mouse events so I am not able to register my own event handlers for these events. Is there a way I can handle keyboard and mouse events in the grid area with my own event handlers? Thanks.
There is keyboard navigation that allows interacting the whole grid or chart. You can assign custom shortcuts and apply them to tasks:
onContextMenu event handlers:
You can use the
window object to assign the shortcuts and check that the mouse is over the grid:
As for the last approach
I can not use this approach in react env. do you have any idea to handle this issue?
Here is an example in the React framework: