Zum Hauptinhalt springen

onContextMenu

Description​

Wird ausgelöst, wenn ein Benutzer mit der rechten Maustaste innerhalb des Gantt-Diagramms klickt (siehe Details)

onContextMenu: (taskId: string | number, linkId: string | number, e: Event) => void;

Parameters​

  • taskId - (required) string | number - die Aufgaben-ID
  • linkId - (required) string | number - die Link-ID
  • e - (required) Event - das native Event-Objekt

Example​

gantt.attachEvent("onContextMenu", function (taskId, linkId, event) {
      var element = event.target;
    console.log("Sie haben auf das Element geklickt: ", element)
    return true;
});

Details​

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.