onContextMenu

当用户在甘特图内右键点击时触发（详见说明）

taskId	string|number	任务ID
linkId	string|number	链接ID
e	Event	原生事件对象

Example

gantt.attachEvent("onContextMenu", function (taskId, linkId, event) {
    var element = event.target;
    console.log("你点击了 ", element)
    return true;
});

Related samples

通常情况下，在甘特图内右键点击会打开浏览器默认的右键菜单，除非满足其他条件。
下面的示例中，右键点击任务时会显示一个DHTMLX context menu，从而阻止浏览器默认菜单的弹出。

//需要 DHTMLX menu 组件
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实现自定义右键菜单，可以参考此示例。

Back to top