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

FlexGrid 정렬 문의 > Q&A | 토론

본문 바로가기

ReactJS FlexGrid 정렬 문의

페이지 정보

작성자 아이지니 작성일 2022-09-07 14:59 조회 1,289회 댓글 1건
제품 버전 : 5.20211.781
컨트롤 이름 : FlexGrid

본문

정렬 할때 SortDescription 사용시 정렬할 속성 이름과

오름차순 또는 내림차순으로만 설정이 가능한것으로 이해했습니다.

혹시 해당 정렬할 속성 이름의 값으로 정렬을 할수는 없는걸까요?



[예시]

let data = [{country :'aa', type : '대기중'},{country :'bb', type : '취소'},{country :'cc', type : '2022-12-30'},{country :'dd', type : '대기중'}]


type값이 '대기중'인 것을 먼저 정렬을 시키고 싶습니다. 

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

댓글목록

GCK다이애나님의 댓글

GCK다이애나 작성일

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

문의 주신 내용 현재 확인 중에 있습니다.
확인이 완료되는 대로 답변 드리도록 하겠습니다.
답변이 지연되는 점 죄송합니다.

감사합니다.

그레이프시티 드림

1 답변

ReactJS Re: FlexGrid 정렬 문의

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

페이지 정보

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

본문

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


먼저 답변이 늦어진 점 죄송합니다.

문의 주신 특정 값이 있는 열을 먼저 그리드의 상단에 정렬 후 나머지 열을 정렬하는 방법에 대해 답변드립니다.

splice 메서드를 이용해 그리드의 열 순서를 재 배치 한 후 사용자가 지정한 방법대로 정렬하는 sortConverter 속성을 설정해 특정 값이 있는 열이 상단에 위치 하도록 구현할 수 있습니다.


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

샘플은 다음과 같이 구현되었습니다.

  1. 그리드 초기 로드 시 호출되는 initialized 이벤트가 설정된 그리드를 생성합니다.
  2. initialized 이벤트에 조건문을 통해 그리드의 items 속성의 status 값을 확인하여 splice 메서드를 이용해 status 값이 '대기중' 인 열은 그리드의 상단으로 위치를 재 배치하는 코드를 구현합니다.
  3. 2번 항목과 같은 방법으로 그리드의 items 속성의 status 값이 '취소'인 열은 status 값이 '대기중' 인 열의 하단으로 위치를 재 배치하는 코드를 구현합니다.
  4. items 속성의 status 값이 '대기중' 혹은 '취소'인 열의 경우 true의 값을 가지는 pinnedRow 값을 설정합니다.
  5. 그리드의 sortConverter 속성을 이용하여 Status 행 정렬 시, 설정한 pinnedRow 값이 true인 경우 해당 열이 상단에 위치하도록 구현합니다.


- sortConverter API 문서


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


감사합니다


그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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