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

그리드 ServerCollectionView 사용 시 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS 그리드 ServerCollectionView 사용 시

페이지 정보

작성자 제이미디어시스 작성일 2022-09-23 10:27 조회 1,040회 댓글 1건
제품 버전 : v5.20221.842
컨트롤 이름 : FlexGrid

본문

안녕하세요.

FlextGrid 그리드 사용중 질문이 있습니다.


ServerCollectionView 를 사용하여 Json 웹서버에서 Sorting, Filtering, Paging 을 처리하고 싶습니다.


그리드의 자체 필터링 기능 외의 조회조건 설정 값을 같이 서버로 전달하고 싶습니다.


그리드 내에 존재 하는 컬럼에 대한 조회조건 일 수도 있고 없는 컬럼에 대한 조회조건 일 수도 있습니다.


어떻게 해야 할지 알고 싶습니다.


답변 부탁 드립니다.


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

댓글목록

GCK다이애나님의 댓글

GCK다이애나 작성일

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

문의 주신 내용에 대해 확인 중에 있으며 확인되는 대로 답변 드리도록 하겠습니다.
답변이 늦어지게 되어 죄송합니다.

다른 궁금한 점이 생기면, 문의 주시기 바랍니다.
감사합니다.
그레이프시티 드림

1 답변

PureJS Re: 그리드 ServerCollectionView 사용 시

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

페이지 정보

작성자 GCK다이애나 작성일 2022-09-28 13:06 댓글 0건

본문

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


문의 주신 서버 측에서 데이터 소스를 정렬, 페이징 및 필터링 하는 방법에 대해 답변 드립니다.

ServerCollectionView 클래스와 동일한 기능을 지원하는 RestCollectionView 클래스를 재 정의하여 문의 주신 내용을 구현할 수 있습니다.

아래의 샘플을 참고해 보시기 바랍니다.

샘플은 다음과 같은 방법으로 구현되었습니다.

  1. RestCollectionView 클래스를 RestCollectionViewOData 클래스로 재정의 합니다.
  2. 재 정의한 클래스의 _getReadParams 함수에 데이터 필드를 읽고 해당 필드에 정렬, 필터링 및 페이징을 적용하는 코드를 구현합니다.
  3. 이때, City 열의 셀 값이 'Berlin' 인 데이터를 제외한 나머지 데이터를 불러오는 필터를 추가합니다.
    (샘플의 javascript 코드 181~182 라인을 참고해 보시기 바랍니다.)
  4. RestCollectionViewOData 클래스를 통해 불러온 데이터를 그리드의 itemsSource 속성 값에 지정합니다.
  5. 이때, RestCollectionViewOData 클래스의 filterOnServer, pageOnServer, sortOnServer 속성의 값을 모두 true 로 설정합니다.


- RestCollectionView ReqRes 데모

- Wijmo의 RESTCollectionView 도움말 문서

- filterOnServer API 문서

- pageOnServer API 문서

- sortOnServer API 문서


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


감사합니다.


그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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