샘플개요
Grid 컴포넌트의 헤더를 클릭하면 해당 컬럼이 정렬됩니다. 이미 정렬된 컬럼을 다시 클릭하면 반대의 상태로 정렬됩니다.
사용자가 shift나 ctrl 키를 누른채 헤더를 클릭하면 다중정렬이 실행됩니다.
사용방법
1. 제공된 파일
gridsort.xfdl - 사용될 컴포넌트가 배치되며 사용할 옵션을 설정하여 결과를 확인하는 화면 예제 폼 파일
gridsort.xjs - Grid 정렬에 사용될 로직이 작성된 스크립트 파일
2. 화면 동작 가이드
#1. Grid 헤더를 클릭하면 컬럼 단위로 단일 정렬이 실행됩니다.
#2. 화면에서 설정된 정보에 따라 shift, ctrl 키가 눌려졌을때 헤더가 클릭되면 다중 정렬이 실행됩니다.
#3. 다중 정렬은 클릭되는 순서대로 적용됩니다.
테스트 버전 정보
Product Version : 17.0.0.2100 (2019.6.18.1)
파일 다운로드 경로
https://www.playnexacro.com/techtips/1019/단일-다중-정렬-적용하기
play nexacro
www.playnexacro.com
'TechTip' 카테고리의 다른 글
Grid Html Print (그리드를 html로 출력하는 함수) (0) | 2019.11.26 |
---|---|
Category Grid (Drag&Drop을 이용한 tree 동적 구성 하는 함수) (0) | 2019.11.26 |
Modal Modeless (Window 창 띄우기) (0) | 2019.11.25 |
Button Tab (Button Div를 이용한 탭화면 구성하는 함수) (0) | 2019.11.25 |
입력된 값 실시간 필터링 적용하기 (0) | 2019.11.25 |