ReactJS row 클릭 시 detail 부분 질문입니다
추천0 비추천 0
페이지 정보
작성자 MESCIUSMAN 작성일 2022-12-12 11:12 조회 918회 댓글 0건제품 버전 : test
본문
관련링크
댓글목록
등록된 댓글이 없습니다.
등록된 댓글이 없습니다.
안녕하세요 그레이프시티입니다.
문의 주신 이슈에 대해 답변 드립니다.
해당 이슈는 클릭한 영역에서 불러온 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 문서를 공유 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.
감사합니다.
그레이프시티 드림
등록된 댓글이 없습니다.