guide:component:grid:grid_sort_column [xFrame5 TechNet]

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

<span class="iconify mr-1 svg-loading" data-icon="mdi:arrow-left"></span>====== 그리드 정렬 컬럼별 옵션 가이드 ======

그리드 정렬시 컬럼별 옵션에 대한 예시 화면이다.

컬럼별 정렬 옵션으로 헤더 클릭시 정렬 여부, 정렬시 정렬 기준 컬럼 정보, 정렬시 정렬 데이터 형식 등이 있다.

관련 데이터부 속성으로 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|새창으로 실행]]

<php>
echo '<html>';
echo '<iframe src="';
echo $conf['plugin']['xf5']['xf5projecthome'], 'template/template.html?';
echo 'xframe_screen_url=/HTML5/COMPONENT/GRID/grid_sort_column"';
echo ' class="_xf5_iframe"';
echo ' style="';
echo $conf['plugin']['xf5']['xf5iframestyle'];
echo '">';
echo '</iframe>';
echo '</html>';
</php>

==== 화면 스크립트 ====

<sxh javascript>
// "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");
	}
}
</sxh>