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

FlexGrid 대용량 데이터 Merge 문의 > Q&A | 토론

본문 바로가기
로그인

로그인후 이용해주세요

아직 회원이 아니신가요?

회원가입
로그인
MESCIUS 카카오톡 채널 추가
메시어스 +
카카오톡 채널 추가를 통해 MESCIUS의 최신 정보, 이벤트, 세미나 정보를 빠르게 받아 보실수 있습니다
홈 링크 페이스북 링크 유튜브 링크

Wijmo

Q&A | 토론

VueJS FlexGrid 대용량 데이터 Merge 문의

페이지 정보

작성자 손님
프로필 보기 쪽지 보내기
작성일 2022-12-02 15:23 조회 1,181회 댓글 0건
제품 버전 : 5.20221.857
컨트롤 이름 : FlexGrid

본문

안녕하세요.


셀 병합에 대해 2가지 문의 사항이 있습니다.


1. 대용량 데이터를 Merge할 경우, 성능 문제

셀 병합 | 그리드 (Vue) | GrapeCity 

해당 데모를 보고 Cell Merge를 구현해보았는데,

데이터가 많을 경우, 성능이 크게 떨어집니다.


FlexGrid에 표시되는 데이터만 랜더링 하지만,

Merge 되는 Cell 영역이 클 경우, 해당 크기를 보이는 영역 이상으로 크게 설정하여 문제가 되는 것 같습니다.


2. Merge된 Cell이 클 경우, Scroll 해서 Cell이 일부만 보이더라도 보이는 영역에 Content가 나타날 수 있나요?

Merge 시에 Scrolling 하여도 Text가 보이는 Cell 영역만이라도 나타나게 하고 싶은데, 방법이 있을까요?


Ex) 
e4f000ab47b47eec4d9bbb0dbef99057_1669962331_3283.png

해당 Grid에서 Scroll 할 경우, 아래와 같이 나타나도록 구현하고 싶습니다.e4f000ab47b47eec4d9bbb0dbef99057_1669962331_27.png


해당 부분을 개발자가 따로 해결할 방법이 있는지, 혹은 개선 계획이 있는지 답변해주시면 감사하겠습니다.




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

댓글목록

등록된 댓글이 없습니다.

2 답변

VueJS Re: FlexGrid 대용량 데이터 Merge 문의

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

페이지 정보

작성자 GCK다이애나
프로필 보기 쪽지 보내기
작성일 2022-12-02 16:31 댓글 1건

본문

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


문의 주신 내용에 대하여 아래의 내용을 확인 후, 답변 부탁 드립니다.

  1. 대용량 데이터가 바인딩 된 그리드의 셀 병합 시 나타나는 성능 문제에 대하여 어떤 문제가 발생한 것인지 확인이 되지 않아 답변이 어렵습니다. 혹시 몇 건의 데이터를 바인딩 하였으며, 어떤 문제가 발생 한 것인지 알려 주실 수 있으신가요?
  2. Merge된 Cell이 클 경우 Scroll 해서 Cell이 일부만 보이더라도 보이는 영역에 Content 를 표시하는 방법에 대한 말씀은, 그리드의 뷰 영역을 벗어날 정도로 병합된 셀의 크기가 클 때 그리드를 스크롤 하더라도 병합된 셀의 영역에 해당 셀의 데이터 값을 계속 표시하는 방법에 대한 것으로 이해하면 될까요? 

정확한 답변을 드리기 위해 요청 드리며 확인 후, 회신하여 주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

손님님의 댓글

손님
프로필 보기 쪽지 보내기
작성일

1. 53개 Column으로 약 3천건의 테스트용 데이터를 바인딩하였으며, 그 중 2개의 항목이 3천건 모두 같은 데이터로  Merge가 되었습니다. 개발자 도구로 확인해보니, 해당 Cell 영역의 Height가 48000px로 과도하게 설정되어 있었으며 이로 인하여 Scroll 시, 버벅거림이 발생하는 것 같습니다.
2. 네 맞습니다.

VueJS Re: FlexGrid 대용량 데이터 Merge 문의

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

페이지 정보

작성자 GCK다이애나
프로필 보기 쪽지 보내기
작성일 2022-12-08 16:24 댓글 0건

본문

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


먼저 답변이 지연되어 죄송합니다.

문의 주신 내용에 대해 다음과 같이 답변 드립니다.

1. 대용량 데이터가 바인딩 된 그리드의 특정 열의 셀 병합 후 스크롤 시 스크롤이 버벅 거리는 현상

문의 주신 이슈에 대하여 본사 개발팀을 통해 확인해본 결과, 버그로 확인되어 추가적으로 조사 중에 있습니다. 

이와 관련하여 업데이트가 있는 대로 안내 드리도록 하겠습니다.


2. 병합된 셀의 크기가 클 때 그리드를 스크롤 하더라도 병합된 셀의 영역에 해당 셀의 데이터 값을 계속 표시하는 방법

문의 주신 내용을 구현하기 위하여 그리드의 updatedView 이벤트를 이용해 보시기 바랍니다.

updatedView 이벤트에 병합된 셀의 top 스타일 속성 값과 그리드의 열 헤더 높이 값을 이용해 병합된 셀의 paddingTop 속성을 설정하는 코드를 작성하시면 됩니다.

자세한 코드는 아래의 샘플을 참고해 보시기 바랍니다.


이와 관련된 API 문서를 공유 드리오니 참고해 보시기 바랍니다.

- updatedView API 문서


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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

카테고리

인기글

더보기

최신글

더보기

셀럽

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