GS인증 AUIGrid v3.0.15

헤더 컨텍스트를 사용하기 위해서는 useContextHeaderMenu 속성 설정 및 contextMenuHeaderItems 속성을 설정하여야 합니다.

useContextMenu 속성 설정만으로 기본 바디 컨텍스트 메뉴는 출력됩니다. 그러나 헤더 컨텍스트 메뉴는 직접 원하는 메뉴 구성을 해야 합니다.

본 데모는 헤더 컨텍스트를 다음과 같이 정의한 모습입니다.

// 헤더 컨텍스트 메뉴 아이템 정의
contextMenuHeaderItems = [{
	label: "오름 차순 정렬", callback: contextItemHeaderHandler
}, {
	label: "내림 차순 정렬", callback: contextItemHeaderHandler
}, {
	label: "정렬 초기화", callback: contextItemHeaderHandler
}, {
	label: "_$line" // label 에 _$line 을 설정하면 라인을 긋는 아이템으로 인식합니다.
}, {
	label: "현재 칼럼 숨기기", callback: contextItemHeaderHandler
}, {
	label: "모든 칼럼 보이기(숨기기 초기화)", callback: contextItemHeaderHandler
}, {
	label: "_$line" // label 에 _$line 을 설정하면 라인을 긋는 아이템으로 인식합니다.
}, {
	label: "헤더 서브 메뉴",
	children: [{
		label: "서브 메뉴1", callback: contextItemHeaderSubHandler
	}, {
		label: "서브 메뉴2", style: 'my-context-item-export', callback: contextItemHeaderSubHandler
	}, {
		label: "서브 메뉴3", callback: contextItemHeaderSubHandler
	}]
}];