FlexGrid Checkbox&Pagination_v2 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS FlexGrid Checkbox&Pagination_v2

페이지 정보

작성자 볶음이 작성일 21-07-01 10:52 조회 246회 댓글 0건
제품 버전 : 5.20211.781

본문

안녕하세요!

언제나 친절한 답변에 감사드립니다.

이전에 질문에 대한 답변은 확인하였습니다.


1. 

Selector와 페이징을 할때에 대한 문제를 답변 주신대로 하면 해결은되지만,

전체 선택을 클릭 하면 한 페이지에 대한 전체 선택만 됩니다.


https://dev.grapecity.co.kr/bbs/board.php?bo_table=wijmo_qna&wr_id=137

위는 이전 문제에 대한 문의를 올린 글인데요.

이전 문제에 대한 올려주신 답변의 Demo에서도 Selector와 페이징을 함께 사용하니  

한 페이지만 전체 선택이 됩니다.

그러면 페이지가 20개라고 한다면 모든 데이터를 선택하고 싶을때는 20번을 선택해야 하는데요..


이건 원래 컨셉이라고 생각해야하는건가요 ㅠㅠ.. 

아니면 모든 페이지의 전체 선택이 가능하도록 하는 방법은 

또 따로 있을까요..? 



2. 

다른 문의 사항은 Selector를 사용할 경우 

script에서 checked true/false를 조절할 수 있는 방안이 있을까요?

  • 페이스북으로 공유
  • 트위터로  공유
  • 구글플러스로 공유
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

2 답변

VueJS Re: FlexGrid Checkbox&Pagination_v2

페이지 정보

작성자 GCK루시 작성일 21-07-02 16:06 댓글 0건

본문

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


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

1. Selector와 Paging 전체 선택 시, 페이징과 상관없이 전체 선택이 방법 문의

=> 현재 문의 주신 사항은 본사 개발팀과 확인 중에 있으며 업데이트 되는 대로 답변 드리도록 하겠습니다. 답변이 늦어지는 점 죄송합니다.


2. script 내에서 Selector 컨트롤의 checked true/false 조절할 수 있는 방법 문의

=> 기능을 구현하기 위해서 버튼 혹은 체크박스 요소를 생성한 다음, 해당 요소에 대한 클릭 이벤트를 설정하여 이벤트 내에서  행 체크 여부를 조절하시면 됩니다. 샘플에서는 그리드 외부에 체크박스를 두어 체크 박스 클릭 시, 그리드 짝수 인덱스 값을 가진 행의 isSelected 속성을  true로 두어 선택될 수 있도록 구현하였습니다. 자세한 코드는 아래 샘플에서 확인하시길 바랍니다.



[isSelected]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.row.html#isselected 

도움말 문서도 같이 전달 드리오니 참고 부탁 드립니다.


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


감사합니다. 

그레이프시티 드림 


* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.


댓글목록

등록된 댓글이 없습니다.

VueJS Re: FlexGrid Checkbox&Pagination_v2

페이지 정보

작성자 GCK루시 작성일 21-07-05 15:30 댓글 0건

본문

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


1. Selector와 Paging에서 페이징과 상관없이 전체 선택 방법 문의

=>  FlexGrid에서 페이징을 사용할 경우, 화면에 표시된 행만 그리드에 생성됩니다. 따라서 해당 기능을 구현하기 위해서 FlexGrid의 hostElement에 이벤트를 추가하고 해당 이벤트 내에서 체크 유무를 조절하셔야 합니다. 클릭한 셀이 TopLeft, 즉 체크 박스를 가진 헤더일 경우,  sourceCollection의 sel 속성을  true/false로 설정하여 전체 선택이 적용되도록 조정할 수 있습니다. 자세한 코드는 아래 샘플에서 확인 부탁 드립니다.




감사합니다. 

그레이프시티 드림 


* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.


댓글목록

등록된 댓글이 없습니다.

그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@grapecity.com | 전화 : 1670-0583 | 경기도 안양시 동안구 시민대로 230, B-703(관양동, 아크로타워) 그레이프시티(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 Copyright ⓒ 2021 GrapeCity inc.