! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

그리드 병합 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS 그리드 병합

페이지 정보

작성자 김예슬 작성일 2024-02-05 12:48 조회 83회 댓글 0건
제품 버전 : 5.20221.857

본문

안녕하세요 wijmo를 사용하던 와중 적용이 잘 되지 않아 글을 남깁니다.

화면이 로딩되었을 땐 그리드가 병합된 상태에서 보이되 데이터가 조회/추가가 되면 해당 열이 격자가 누락되지 않고 제대로 나왔으면 합니다.

이해를 위해 이미지를 함께 첨부합니다.


<데이터 조회 전>


<데이터 조회 후>

 

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: 그리드 병합

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 MESCIUS루시 작성일 2024-02-06 15:05 댓글 0건

본문

안녕하세요 메시어스입니다.


빈 데이터를 그리드에 바인딩한 경우, 첫 번째 이미지와 같이 빈 값을 가진 행들이 생성되지 않습니다. 이를 구현하기 위해서는 별도로 row를 추가한 뒤, 셀의 병합 처리 유무를 결정하는 mergeManager  속성을 설정해주셔야 합니다.


관련하여 아래 Q&A 글의 답변 글을 참고하여 주시기 바랍니다.



추가적으로 데이터 바인딩 후, mergeManger로 인해 동일한 값의 병합 처리를 방지하고 싶으시다면 사용자 정의한 mergeManger 이전에 정의된 mergeManger를 재할당하여 병합처리를 제한하도록 코드를 추가하여 주시기 바랍니다.
const App = function (prop) {
  const grid = React.useRef(null);
  let originalMergeManager;

  const initializedGrid = useEvent((flex) => {
    grid.current = flex;
  (...)
    originalMergeManager = flex.mergeManager; // 기존 mergeManager 저장
flex.mergeManager = new CustomMergeManager(); //사용자 정의 mergeManager
flex.select(-1, 0); }); const addData = () => { grid.current.itemsSource = data; // 데이터 바인딩 grid.current.mergeManager = originalMergeManager; //기존 mergeManager 할당 }; return ( <div> <button onClick={addData}>데이터 추가</button>
 
다른 궁금한 점이 생기면 문의주시기 바랍니다.

감사합니다.
메시어스 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.