onContextMenu

사용자가 간트 차트 내에서 마우스 오른쪽 버튼을 클릭할 때 트리거됩니다 (자세한 내용 참조)

void onContextMenu(string|number taskId,string|number linkId,Event e);
taskIdstring|number작업 ID
linkIdstring|number링크 ID
eEvent원시 이벤트 객체

Example

gantt.attachEvent("onContextMenu", function (taskId, linkId, event) {
    var element = event.target;
    console.log("You've clicked on the ", element)
    return true;
});

Related samples

Details

간트 차트 내에서 마우스 오른쪽 버튼을 클릭하면 일반적으로 브라우저의 기본 context menu가 표시됩니다. 다만, 다른 조건이 적용되면 예외가 있을 수 있습니다.
아래 예제에서는 작업(task)을 오른쪽 클릭할 경우, 기본 브라우저 메뉴 대신 DHTMLX context menu가 표시되어 기본 메뉴가 나타나지 않도록 합니다.

// 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 메뉴 파일 또는 DHTMLX Suite를 페이지에 반드시 포함해야 합니다.

순수 JavaScript로 커스텀 context menu를 추가하는 방법은 이 예제를 참고하세요.

Back to top