Wird ausgelöst, wenn ein Benutzer mit der rechten Maustaste innerhalb des Gantt-Diagramms klickt (siehe Details)
taskId | string|number | die Aufgaben-ID |
linkId | string|number | die Link-ID |
e | Event | ein natives Ereignisobjekt |
gantt.attachEvent("onContextMenu", function (taskId, linkId, event) {
var element = event.target;
console.log("Sie haben auf ", element, " geklickt");
return true;
});
Rechtsklicks im Gantt-Diagramm öffnen das standardmäßige Kontextmenü des Browsers, sofern keine anderen Bedingungen vorliegen. Im folgenden Beispiel zeigt ein Klick auf eine Aufgabe ein DHTMLX Kontextmenü an und blendet das standardmäßige Kontextmenü des Browsers aus.
//benötigt DHTMLX Menükomponente
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;
});
Vergessen Sie nicht, entweder Dateien der DHTMLX Menü oder DHTMLX Suite auf der Seite einzufügen. Andernfalls funktioniert das Beispiel nicht.
Überprüfen Sie ein weiteres Beispiel, wenn Sie ein benutzerdefiniertes Kontextmenü in reinem JavaScript hinzufügen möchten.
Zurück nach oben