단일 다중 정렬 적용하기 2 (다중정렬 팝업편집 추가)

샘플개요

Grid 컴포넌트의 헤더를 클릭하면 해당 컬럼이 정렬됩니다. 이미 정렬된 컬럼을 다시 클릭하면 반대의 상태로 정렬됩니다.

사용자가 shift나 ctrl 키를 누른채 헤더를 클릭하면 다중정렬이 실행됩니다.

기존 샘플에 옵션을 두어 헤더에서 마우스 우 클릭 하였을 때 정렬 메뉴 및 다중정렬을 팝업으로 사용 할 수 있도록 추가하였습니다.

단일, 다중 정렬 사용 화면 예시

 

사용방법

1. 제공된 파일

gridsortpop.xfdl - 사용될 컴포넌트가 배치되며 사용할 옵션을 설정하여 결과를 확인하는 화면 예제 폼 파일

gridsortpop.xjs - Grid 정렬에 사용될 로직이 작성된 스크립트 파일

sortPopup.xjs - 다중정렬 팝업화면 예제 폼 파일

2. 화면 동작 가이드

#1. Grid 헤더를 클릭하면 컬럼 단위로 단일 정렬이 실행됩니다.

#2. 화면에서 설정된 정보에 따라 shift, ctrl 키가 눌려졌을때 헤더가 클릭되면 다중 정렬이 실행됩니다.

#3. 다중 정렬은 클릭되는 순서대로 적용됩니다.

#4. Grid 헤더를 마우스 우클릭 하였을때, 선택된 컬럼을 기준으로 오름차순/내림차순 단일정렬 할 수 있거나

       전체 정렬을 취소 할 수 있습니다.

#5. 별도의 다중정렬 팝업창을 호출하여 사용자가 정렬를 편집하여 사용할 수 있습니다.

 

테스트 버전 정보

Product Version : 17.0.0.2301(2019.8.22.1)

 

파일 다운로드 경로

https://www.playnexacro.com/techtips/1063/단일-다중-정렬-적용하기-2-다중정렬-팝업편집-추가

play nexacro