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

flexgrid 인라인편집 기능 관련하여 문의 드립니다. > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS flexgrid 인라인편집 기능 관련하여 문의 드립니다.

페이지 정보

작성자 아이지니 작성일 2023-01-17 13:58 조회 1,231회 댓글 0건
제품 버전 : 5.20211.781
컨트롤 이름 : flexgrid

본문

안녕하세요.


flexgrid 인라인 편집 기능으로 개발 도중 에러 사항이 있어 문의 드립니다.

인라인 편집(https://demo.grapecity.co.kr/wijmo/learn-wijmo/Grid/Editing/InlineEditing/react)페이지 참고하였고,


인라인 편집 기능으로 구현한 테이블이

길이가 길거나 모니터가 작아서 일부 행이 화면 밖에 있는 상태(안보이는 상태)가 됐을 때


queryselector를 사용하면 화면 밖의 행을 인식하지 못하고 null을 반환하며,

수정이나 행 추가 후 등록 처리를 하면 가려졌던 행이 누락됩니다.


이 오류를 고칠 방법 혹은 queryselector를 사용하지 않고 수정된 데이터를 가져올 다른 방법이 있을까요?

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

댓글목록

등록된 댓글이 없습니다.

3 답변

ReactJS Re: flexgrid 인라인편집 기능 관련하여 문의 드립니다.

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

페이지 정보

작성자 GCK루시 작성일 2023-01-17 17:35 댓글 0건

본문

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


문의하신 내용과 관련하여 저희 쪽에서 안타깝게도 재현이 되지 않아 정확한 원인 파악이 어려운 상황입니다. 따라서 저희 쪽으로 재현 가능한 샘플과 함께 디테일한 단계 및 정보를 공유해주시면 해당 내용을 바탕으로 재현 및 디버깅 후 안내 드릴 수 있도록 하겠습니다. 


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

ReactJS Re: flexgrid 인라인편집 기능 관련하여 문의 드립니다.

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

페이지 정보

작성자 아이지니 작성일 2023-01-18 14:41 댓글 1건

본문

안녕하세요
테스트가 데모 페이지에서도 가능해서 데모 페이지 기준으로 전달 드립니다.

테스트 링크 : https://demo.grapecity.co.kr/wijmo/learn-wijmo/Grid/Editing/InlineEditing/react


1f7be6f80ec80de2d41118b5fae3ab87_1674020030_2936.png


인라인 편집 기능으로 수정한 값을 가져오는 것이 목적이라

데모 코드 134번째 줄에 console.log만 추가해서 수집하려는 대상 오브젝트만 확인하는 걸로 하겠습니다.



1f7be6f80ec80de2d41118b5fae3ab87_1674020030_4481.png

기본 설정된 테이블에서 edit > ok 눌러서 input 들을 수집했을 때,


1f7be6f80ec80de2d41118b5fae3ab87_1674020030_3475.png

수정한 3개의 input이 정상적으로 수집 된 걸 확인했습니다.



1f7be6f80ec80de2d41118b5fae3ab87_1674020030_4928.png

코드의 수정 없이 테이블의 컬럼 길이를 일부러 늘려서
화면에 country row가 보이지 않는 상태가 되면,


1f7be6f80ec80de2d41118b5fae3ab87_1674020030_3963.png
133번째 줄에 queryselector가 country 데이터를 수집하지 못하는 것을 확인했습니다.



이런 이유로 수정된 행 정보를 전부 수집하는데 실패하는 경우가 있어,

queryselector를 대체하거나 해당 오류를 수정할 방법이 있는지 문의 드립니다.


댓글목록

GCK루시님의 댓글

GCK루시 작성일

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

먼저 디테일한 내용 공유 감사합니다.
해당 이슈 확인 되었으며 관련하여 업데이트가 되는 대로 안내 드리도록 하겠습니다.

감사합니다.
그레이프시티 드림.

ReactJS Re: flexgrid 인라인편집 기능 관련하여 문의 드립니다.

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

페이지 정보

작성자 GCK루시 작성일 2023-01-19 10:39 댓글 0건

본문

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


문의하신 이슈의 경우, FlexGrid의 가상화로 인해 표시되지 않은 데이터를 추적하지 않아 발생된 것으로 보입니다. 따라서 해당 이슈를 해결하기 위해서 아래 코드와 같이 가상화를 사용하도록 설정하는 데 필요한 최소 행/열 수를 가져오거나 설정하는 virtualizationThreshhold 속성을 설정해보시기 바랍니다.


flex.virtualizationThreshold = 50;


다만, 퍼포먼스에 영향을 주기 때문에 이 속성을 200보다 큰 값을 설정하는 것은 권장하지 않으니 이 점 참고 부탁드립니다.

virtualizationThreshold 


API 문서를 공유 드리며, 다른 궁금한 점이 생기면 문의 주시기 바랍니다.


감사합니다.

그레이프시티 드림

 

댓글목록

등록된 댓글이 없습니다.

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