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

flexgrid checkBox 상태가 화면에 랜더링되어지지 않는 현상 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS flexgrid checkBox 상태가 화면에 랜더링되어지지 않는 현상

페이지 정보

작성자 Adps 작성일 2022-11-29 15:05 조회 1,300회 댓글 0건
제품 버전 : wijmo-5.20213.824
컨트롤 이름 : felxgrid.rows[index].isSelected

본문

첨부파일

FlexGrid가 Await 동작이 같이 있는 경우 화면에 랜더링 되어지지 않습니다.


예시 코드 첨부합니다.


                let res = await USERGROUP.getUserGroupMapList(param);
                let grid = this.$refs.userGroupMapGrid;
                grid.grid.rows[2].isSelected = true;
                grid.grid.rows[3].isSelected = true;



 


                // let res = await USERGROUP.getUserGroupMapList(param);
                let grid = this.$refs.userGroupMapGrid;
                grid.grid.rows[2].isSelected = true;
                grid.grid.rows[3].isSelected = true;



 



서버로부터 데이터를 받아야만 하는 경우인데 이런 경우에 화면 렌더링을 강제하거나 refresh 하는 방법이 있을까요?


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

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: flexgrid checkBox 상태가 화면에 랜더링되어지지 않는 현상

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

페이지 정보

작성자 GCK다이애나 작성일 2022-11-30 13:05 댓글 1건

본문

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


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

비동기 처리 패턴 중 하나인 async와 await을 이용하여 서버로부터 데이터를 불러온 후, FlexGrid 의 행 헤더의 체크 박스가 체크 된 상태로 표시하길 원하신다면 아래의 코드와 같이 invalidate 메서드를 호출하여 FlexGrid 를 새로 고침 하여 보시기 바랍니다.

this.grid.invalidate();


추가적으로 아래의 코드와 같이 refresh 메서드를 호출하여 FlexGrid 를 새로 고침 하는 방법도 있으니 참고해 보시기 바랍니다.

this.grid.refresh();


- invalidate API 문서

- refresh API 문서


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


감사합니다.


그레이프시티 드림

댓글목록

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