срабатывает, когда пользователь кликает правой кнопкой мыши внутри диаграммы Ганта (подробности см. ниже)
taskId | string|number | идентификатор задачи |
linkId | string|number | идентификатор связи |
e | Event | объект нативного события |
gantt.attachEvent("onContextMenu", function (taskId, linkId, event) {
var element = event.target;
console.log("Вы кликнули по элементу ", element)
return true;
});
Щелчок правой кнопкой мыши внутри диаграммы Ганта обычно открывает стандартное контекстное меню браузера, если не выполняются другие условия. В примере ниже, при клике правой кнопкой по задаче показывается DHTMLX контекстное меню, что предотвращает появление стандартного меню браузера.
//требуется компонент меню DHTMLX
gantt.attachEvent("onContextMenu", function (taskId, linkId, event) {
const x = event.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;
const y = event.clientY+document.body.scrollTop+document.documentElement.scrollTop;
if (taskId) {
menu.showContextMenu(x, y);
return false;
}
return true;
});
Обязательно подключите на страницу либо файлы DHTMLX Menu, либо DHTMLX Suite, так как пример зависит от них.
Для чисто JavaScript решения по добавлению кастомного контекстного меню смотрите этот пример.
К началу