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

페이징 동적 처리 > Q&A | 토론

본문 바로가기

PureJS 페이징 동적 처리

페이지 정보

작성자 댄서왕 작성일 2021-12-30 19:59 조회 2,324회 댓글 0건
제품 버전 : 5.20202.732
컨트롤 이름 : CollectionViewNavigator

본문

페이징을 사용자가 선택하여 동적으로 표시하고 싶습니다.

원래는 전체리스트가 나오고, 

페이징 활성화 버튼을 누르면 

new wijmo.input.CollectionViewNavigator("#page", {

       byPage: true,

        headerFormat: 'Page {currentPage:n0} of {pageCount:n0}',

        cv: cv

});


CollectionViewNavigator 객체를 생성시켜 페이징처리를 한 리스트 보여주고


비활성화 버튼을 누르면 다시 원래대로 페이징없는 전체리스트를 표시하고 싶습니다.


활성화 버튼을 눌러 페이징처리는 되는데 다시 되돌리는 방법을 모르겠습니다.


도움좀 주세요~~



 


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

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: 페이징 동적 처리

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

페이지 정보

작성자 GCK루시 작성일 2021-12-31 11:14 댓글 0건

본문

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


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

해당 기능을 구현하기 위해서 CollectionViewNavigator로 제어되는 CollecdtionView를 가져오거나 설정하는 cv 속성의 값을 null이나 CollectionView을 할당하는 동시에 요소의 스타일을 제어하시면 됩니다.

먼저 cv 가 할당되지 않은 CollectionViewNavigator 인스턴스를 생성 후, paging 요소에 대해서는 style을 none으로 설정합니다. 그 다음, 페이징을 표시하고 싶을 때, CollectionView의 pageSize와 CollectionViewNavigator의 cv, 요소의 style을 할당합니다. 마지막으로 페이징을 숨기고 싶을 때, pageSize와 cv를 초기화해주고 요소의 style도 다시 none으로 설정하시면 됩니다. 자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다.

 



- cv : https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_input.collectionviewnavigator.html#cv


도움말 문서를 전달 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다. 


감사합니다. 

그레이프시티 드림 


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

댓글목록

등록된 댓글이 없습니다.

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