안녕하세요 그레이프시티입니다.

문의 주신 특정 그리드 열 헤더에 이미지 삽입 후, 이벤트 처리 방법 문의에 대해 답변 드립니다.

해당 기능을 구현하기 위해서 먼저 itemFormatter 속성에서 특정 컬럼 헤더 조건문을 통과한 셀의 innerHTML에 img 태그를 사용하여 기존 값과 함께 이미지를 추가할 수 있습니다. 

그 다음, 그리드 hostElement의 mousedown 이벤트 내에서 주어진 포인트에 대한 정보를 주는 hitTest를 통해 해당 이미지를 클릭했는지를 classList.contains() 메서드를 통해 확인하실 수 있습니다. 이미지를 클릭했다면 그리드의 기본 동작인 정렬을 취소하고 setCellData 메서드와 반복문으로 셀 값을 새롭게 할당하여 변경하시면 됩니다. 자세한 코드는 아래 샘플에서 참고하시길 바랍니다.

다른 궁금한 점이 생기면, 언제든 문의 주시기 바랍니다.

감사합니다. 

그레이프시티 드림 

* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.