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

필터 정렬 오류 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS 필터 정렬 오류

페이지 정보

작성자 카프리 작성일 2024-03-03 02:32 조회 64회 댓글 0건
제품 버전 : 5.20211.781
컨트롤 이름 : grid

본문


 

학기코드 및 학기명 처러럼 필터 선택시. 정렬이  asc 정렬인데.

desc 정렬로 나오게 하는 방법 문의 드립니다.



 

정렬 순서가

2024-L1-2

====================== 사이에 생김

2024-L1-3

2024-L1-4

2024-L1-5

2024-L1-6

2024-L1-7

2024-L1-8

2024-L1-20

이렇게 정렬 하고 싶으나.

2024-L1-20 이... 중간에  정렬 순서가 잡힙니다.

형식은 문자열입니다.



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

댓글목록

등록된 댓글이 없습니다.

3 답변

PureJS Re: 필터 정렬 오류

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-03-04 16:54 댓글 0건

본문

안녕하세요 메시어스입니다.


문의하신 내용은 오류이기보다는 별도 문자열에 대한 정렬 설정이 필요한 것으로 보입니다. 따라서, 사용자가 열 필터를 편집하려고 할 때 발생하는 filterChanging 이벤트 내에서 필터 리스트에 대해서 정렬할 때 값을 비교하는 함수를 설정하는 sortComparer 속성을 이용해보시기 바랍니다. 


아래 샘플에서 자세한 코드를 확인할 수 있습니다. 더불어 별도 정렬 기준이 필요하신 경우, 기존의 sortComparer를 사용자 정의 처리하시면 됩니다.



 


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


감사합니다.

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

PureJS Re: 필터 정렬 오류

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

페이지 정보

작성자 카프리 작성일 2024-03-05 02:10 댓글 0건

본문

32d68b8af37e70a56a2b42c23d211aa5_1709572175_2869.png
주신 소스로 테스트 결과  마지막  숫자로만 정렬이 되어.

년 - 학기 - 차시 순으로 정렬을 하고 싶습니다.


또한. 앞에 한글로 되어있는 부분도 함께 하고 싶은데. 오류가 발생합니다.

댓글목록

등록된 댓글이 없습니다.

PureJS Re: 필터 정렬 오류

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-03-05 15:06 댓글 0건

본문

안녕하세요 메시어스입니다.


앞서 안내드린 것과 같이 별도의 정렬 기준이 필요하신 경우, 아래 코드와 같이 사용자 처리를 해주시면 됩니다. 또 다른 요구사항이 있으신 경우 아래 sortComparer를 요구사항에 맞게 사용자 처리하여 이용하시기 바랍니다. 


      lb.collectionView.sortComparer = (a, b) => {

        // 코드를 년도, 학기, 숫자로 분리
        const [yearA, semesterA, numA] = a.split('-');
        const [yearB, semesterB, numB] = b.split('-');

        // 년도 비교
        if (yearA !== yearB) {
          return parseInt(yearA) - parseInt(yearB); // 오름차순 정렬
        }
        // 학기 비교 (1학기가 2학기보다 앞으로 오도록 설정)
        const semesterOrder = { "L1": 1, "L2": 2 };
        if (semesterOrder[semesterA] !== semesterOrder[semesterB]) {
          return semesterOrder[semesterA] - semesterOrder[semesterB];
        }
        // 숫자 비교
        return parseInt(numA) - parseInt(numB);
      }


더불어 한글 관련 현상 문의의 경우, 저희에서 확인이 어렵습니다. 관련하여 좀 더 디테일한 내용 및 재현 가능한 샘플 프로젝트를 공유해주시기 바랍니다.


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

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