간트 그리드의 셀과 간트 차트 바(bar)에 각각 컨텍스트 메뉴를 설정한 모습입니다.
// 간트 그리드에서 컨텍스트 메뉴 사용 useContextMenu: true, // 간트 바에서 컨텍스트 메뉴 사용 useContextMenuBar: true
컨텍스트 메뉴는 contextMenu, contextMenuBar 이벤트에서 반환하는 배열 항목들이 출력됩니다.
따라서 동적으로 구성이 가능합니다.
// contextMenuBar 이벤트 바인딩 AUIGantt.bind(myGanttID, "contextMenuBar", function (event) { // 간트 차트 바 컨텍스트 메뉴 아이템들 var contextMenuItems = [{ label: "$value (커스텀)", style: "my-context-item-value", callback: contextBarItemHandler // label 에 $value 를 설정하면 마우스가 있는 곳의 value 값으로 대체됩니다. }, { label: "색상 설정하기", callback: contextBarItemHandler // label 에 $value 를 설정하면 마우스가 있는 곳의 value 값으로 대체됩니다. }, { label: "_$line" // label 에 _$line 을 설정하면 라인을 긋는 아이템으로 인식합니다. }, { label: "Export To Excel", style: "my-context-item-export", callback: contextBarItemHandler }]; return contextMenuItems; });