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 | das native Event-Objekt |
gantt.attachEvent("onContextMenu", function (taskId, linkId, event) {
var element = event.target;
console.log("Sie haben auf das Element geklickt: ", element)
return true;
});
Ein Rechtsklick innerhalb des Gantt-Diagramms öffnet normalerweise das Standard-Kontextmenü des Browsers, sofern keine anderen Bedingungen zutreffen.
Im folgenden Beispiel wird beim Rechtsklick auf eine Aufgabe stattdessen ein DHTMLX Kontextmenü angezeigt, wodurch das Standardmenü des Browsers unterdrückt wird.
//benötigt die DHTMLX Menu-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;
});
Stellen Sie sicher, dass entweder die DHTMLX Menu Dateien oder die DHTMLX Suite in Ihre Seite eingebunden sind, da das Beispiel davon abhängt.
Für einen reinen JavaScript-Ansatz zur Implementierung eines eigenen Kontextmenüs siehe dieses Beispiel.
Zurück nach oben