ReactJS 그리드의 전체 데이터 조회
페이지 정보
작성자 jaylee 작성일 2024-03-01 15:36 조회 64회 댓글 0건본문
관련링크
안녕하세요.
FlexGrid 그리드의 전체 데이터를 조회하는 방법을 알고 싶습니다.
1. ref 객체를 통한 조회
2. CollectionView 를 사용해 그리드를 구성한 경우 CollectionView 인스턴스에서 raw 데이터 조회
댓글목록
등록된 댓글이 없습니다.
안녕하세요.
FlexGrid 그리드의 전체 데이터를 조회하는 방법을 알고 싶습니다.
1. ref 객체를 통한 조회
2. CollectionView 를 사용해 그리드를 구성한 경우 CollectionView 인스턴스에서 raw 데이터 조회
등록된 댓글이 없습니다.
안녕하세요 메시어스입니다.
문의하신 내용에 대해 안내드립니다.
1. ref 객체를 통한 조회
=> 해당 기능의 경우 Wijmo Grid의 itemsSource 속성을 이용하여 데이터를 확인할 수 있습니다. 아래 샘플을 참고하여 주시기 바랍니다.
2. CollectionView 이용 시 데이터 조회
=> 위의 샘플 비슷하게 접근하나 CollectionView 인스턴스를 사용할 때는 기본(필터링되지 않고 정렬되지 않은) 컬렉션을 가져올 수 있는 sourceCollection 속성 혹은 view에 있는 항목을 가져오는 items 속성을 이용하시면 됩니다. 아래 간단한 코드를 참고하여 주시기 바랍니다.
import useEvent from 'react-use-event-hook'; const App = function (prop) { const cv = new wjcCore.CollectionView(data); const grid = React.useRef(); const initializedGrid = useEvent((flex) => { grid.current = flex; }); function getCollectionViewData() { console.log( 'collectionView의 sourceCollection 데이터입니다', grid.current.collectionView.sourceCollection ); console.log( 'collectionView의 items 데이터입니다', grid.current.collectionView.items ); } return ( <div className="Chart"> <button onClick={getCollectionViewData}> collectionView 데이터 가져오기 </button> <div className="row"> <wjcGrid.FlexGrid ref={grid} itemsSource={cv} initialized={initializedGrid} ></wjcGrid.FlexGrid> </div> </div> ); }
다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
메시어스 드림
안녕하세요 메시어스입니다.
첫번째 예제가 누락되었다고 하셨는데 혹시 샘플 화면이 나오지 않으신걸까요? 저희 쪽에서는 원활하게 샘플 화면이 나오고 있으며 이후 답변 처리를 위해 확인 부탁드립니다. 샘플에서는 아래 코드와 같이 useRef와 ref를 이용하여 그리드 데이터를 가져오도록 설정했습니다.
등록된 댓글이 없습니다.
안녕하세요 메시어스입니다.
문의하신 내용 확인하였습니다.
해당 이슈는 플랫폼 자체 이슈가 아닌 보안 정책 이슈로 보입니다. 저희는 기술 지원을 위해, stackblitz 라는 플랫폼을 사용하고 있습니다.
혹시 사내에서 접근 가능한 도메인이 정해져 있는 것이라면, 원활한 기술 지원을 위해 보안 담당자분께 "https://stackblitz.com/" 도메인도 접근할 수 있도록 확인 부탁 드립니다.
감사합니다.
메시어스 드림
등록된 댓글이 없습니다.