AUISoft에이유아이소프트
데모 본문으로 이동

헤더를 클릭하면 headerClick 이벤트의 headerText, dataField, columnIndex와 item.depth를 알림창에 표시합니다.

이 예제는 이벤트 처리 함수에서 false를 반환하여 헤더 클릭에 따른 기본 정렬을 막습니다. true를 반환하면 정렬을 허용합니다.

// 헤더 클릭 이벤트 바인딩
AUIGrid.bind(myGridID, "headerClick", function(event) {
	const { type, headerText, dataField, columnIndex, item } = event;
	alert(`${type} : ${headerText}, dataField: ${dataField}, index: ${columnIndex}, depth: ${item.depth}`);
	return false; // 기본 정렬 동작 막음 (true 시 정렬 허용)
});

식품군별 1일 섭취량 추이 , 통계청