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

페이징 구현 및 그리드 타이틀 클릭 시 해당 컬럼에 정렬 표시 샘플을 요청합니다 > Q&A | 토론

본문 바로가기

PureJS 페이징 구현 및 그리드 타이틀 클릭 시 해당 컬럼에 정렬 표시 샘플을 요청합니다

페이지 정보

작성자 이용태 작성일 2023-09-01 14:15 조회 378회 댓글 0건
제품 버전 : wijmo-5.20231.888
컨트롤 이름 : Grid

본문

1. 페이징 구현 샘플을 요청합니다.


이전 토론 방에서 작성된 내용과 동일합니다.


https://dev.grapecity.co.kr/bbs/board.php?bo_table=wijmo_qna&wr_id=323&sfl=wr_subject&stx=paging&sst=wr_datetimedesc&sop=and



2. 그리드 컬럼 타이틀을 클릭 시 해당 컬럼으로 데이터가 정렬되고 컬럼 타이틀에는 오름차순, 내림차순이 표시되었으면 합니다. 

상세조건은 다음과 같습니다. 

 - 처음 클릭 시 내림차순, 다시 클릭 시 오름차순으로 표시되어야 합니다. 

 - 조회는 페이징으로 구현하기 때문에 일부데이터만 목록에 표시됩니다. 정렬 이벤트가 발생할 때마다 서버에 정렬된 데이터를 가져옵니다.  



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

댓글목록

등록된 댓글이 없습니다.

2 답변

PureJS Re: 페이징 구현 및 그리드 타이틀 클릭 시 해당 컬럼에 정렬 표시 샘플을 요청합니다

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

페이지 정보

작성자 GCK루시 작성일 2023-09-05 14:22 댓글 0건

본문

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


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


1. 숫자형 Pagination 문의

=> 문의하신 기능의 경우, 아래 온라인 스터디 글에서 확인하실 수 있습니다.


- Wijmo에서 숫자형 Pagination 구현하기


다만 숫자형 페이지네이션 기능의 경우 Wijmo가 직접적으로 지원하는 UI가 아닌 커스터마이징하여 구현된 UI이오니 참고 부탁드립니다.


2. 그리드 정렬 순서 변경 문의 

=> 해당 문의는 현재 확인 중에 있으면 업데이트가 되는대로 안내 드리도록 하겠습니다.


감사합니다.

그레이프시티드림


댓글목록

등록된 댓글이 없습니다.

PureJS Re: 페이징 구현 및 그리드 타이틀 클릭 시 해당 컬럼에 정렬 표시 샘플을 요청합니다

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

페이지 정보

작성자 GCK루시 작성일 2023-09-06 11:06 댓글 0건

본문

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


아직 답변드리지 못한 문의 내용에 대해 추가로 안내드립니다.


2. 그리드 정렬 순서 변경 문의 

=> 해당 기능을 구현하기 위해서는 아래 코드와 같이 정렬아 적용하기 전 발생하는 sortingColumn 이벤트를 이용해주시면 됩니다.


해당 이벤트 내에서 오름차순이 먼저 설정되는 기본 정렬을 비활성화한 뒤, 내림차순이 먼저 실행되는 사용자 정의 정렬을 추가해주시면됩니다.


  var theGrid = new wijmo.grid.FlexGrid('#theGrid', {
    alternatingRowStep: 0,
    sortingColumn:function(s,e){
      var col = s.columns[e.col];
      if(col.currentSortIndex==-1){
        e.cancel=true;
        var cv = s.collectionView;
        cv.sortDescriptions.push(new wijmo.collections.SortDescription(col.binding,false));
      }
    },
    itemsSource: new wijmo.collections.CollectionView(getData())
  });

더불어 정렬 이벤트가 필요한 경우, sortingColumn 외에 정렬을 적용한 후 발생하는 sortedColumn 이벤트도 있으니 필요하신 이벤트를 사용하시기 바랍니다.


- sortedColumn API 문서

- sortingColumn API 문서

- currentSortIndex API 문서


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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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