작성일 2022-12-12 11:12 조회 901회
댓글 0건
안녕하세요 저번에 row 클릭 시 detail 부분 문의드린적 있는데 테이블 부분을 클릭 했을 때 디테일 부분이 표시가 잘 됩니다
하지만 테이블 우측 빈공간을 클릭했을 때 에러가 발생하게 됩니다
어떤 문제점인지 찾아 보았으나 여러가지 방법으로 수정하고 고쳐봐도 계속 에러가 발생되어 다시 한번 문의 드립니다
확인 부탁드립니다.
등록된 댓글이 없습니다.
1 답변
작성일 2022-12-12 16:14 댓글 0건
안녕하세요 그레이프시티입니다.
문의 주신 이슈에 대해 답변 드립니다.
해당 이슈는 클릭한 영역에서 불러온 GridPanel 클래스의 인스턴스 값이 null 일 때 발생하는 에러로, 아래의 코드와 '개발자 도구>>Console' 탭을 통해 클릭한 영역에 대한 GridPanel 클래스의 인스턴스 값을 확인하실 수 있습니다.
이때, GridPanel 클래스는 생성한 그리드를 브라우저 창에 표시하는 클래스입니다.
let ht = grid.hitTest(e); console.log(ht.panel); // ht.panel의 값(클릭한 영역에 대한 GridPanel 클래스의 인스턴스 값) 확인
문의 주신 이슈를 해결하기 위하여, FlexGrid 의 클릭 이벤트에 hitTest 메서드와 조건문을 이용하여 클릭 된 영역이 그리드 영역인지 확인 후 열의 세부 내용을 외부의 그리드에 표시하는 코드를 구현하시면 됩니다.
아래의 코드를 참고해 보시기 바랍니다.
function initialized(grid) {
// grid : 마스터 그리드
// refGrid : 마스터 그리드에서 선택된 열의 세부 내용을 나타내는 그리드
setGrid(grid);
grid.addEventListener(grid.hostElement, "click", (e) => {
let ht = grid.hitTest(e);
// console.log(ht.panel); // ht.panel의 값(클릭한 영역에 대한 GridPanel 클래스의 인스턴스 값) 확인
// 클릭 된 영역이 그리드일 때
if (ht.panel) {
// 클릭 된 영역이 셀이거나 행 헤더일 때
if (ht.panel.cellType === 1 || ht.panel.cellType === 3) {
let selectedItem = grid.selectedItems;
refGrid.current.control.itemsSource = selectedItem;
}
}
});
}API 문서를 공유 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.
감사합니다.
그레이프시티 드림
등록된 댓글이 없습니다.
