====== 그리드 정렬 컬럼별 옵션 가이드 ====== 그리드 정렬시 컬럼별 옵션에 대한 예시 화면이다. 컬럼별 정렬 옵션으로 헤더 클릭시 정렬 여부, 정렬시 정렬 기준 컬럼 정보, 정렬시 정렬 데이터 형식 등이 있다. 관련 데이터부 속성으로 sorting, sort_datatype, sort_func이 있다. 관련 API로 getcolumnsorting, setcolumnsorting가 있다. ===== 예시 ===== 템플릿 위치: /HTML5/COMPONENT/GRID/grid_sort_column 템플릿 파일 * [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_sort_column.xml|grid_sort_column.xml]] * [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_sort_column.js|grid_sort_column.js]] * [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/GRID/grid_sort_column|새창으로 실행]] echo ''; echo ''; echo ''; ==== 화면 스크립트 ==== // "setcolumnsorting" 버튼 이벤트 function btn_setcolumnsorting_on_click(objInst) { // 1번째 컬럼 정렬 가능 여부 토글 처리 this.grd.setcolumnsorting(1, !this.grd.getcolumnsorting(1)); if (this.grd.getcolumnsorting(1)) { this.grd.setheadertext(1, 1, "true"); } else { this.grd.setheadertext(1, 1, "false"); } }