guide:component:grid:grid_merge_column [xFrame5 TechNet]

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

그리드 컬럼 병합에 대한 예시 화면이다.

그리드 컬럼 데이터부 cellmerge 속성은 병합 대상 컬럼 정보를 단일 컬럼/멀티 컬럼을 기준으로 설정하는 기능을 제공한다.

관련 데이터부 속성으로 cellmerge, name이 있다.

관련 API로 getcolumnmerge, setcolumnmerge가 있다.

===== 예시 =====

"부서명" 컬럼은 cellmerge 속성은 자기 자신 컬럼만을 지정함

"직급" 컬럼의 cellmerge 속성은 "부서명" 컬럼 및 자기 자신 컬럼을 지정함.

템플릿 위치: /HTML5/COMPONENT/GRID/grid_merge_column

템플릿 파일
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_merge_column.xml|grid_merge_column.xml]]
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_merge_column.js|grid_merge_column.js]]
  * [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/GRID/grid_merge_column|새창으로 실행]]

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

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

<sxh javascript>
function screen_on_load()
{
}

function btn_setcolumnmerge_multi_on_click(objInst)
{
	// 선택된 컬럼의 컬럼 병합 정보 토글 처리
	this.grd.setcolumnmerge(1, true, "dept");
}

function btn_setcolumnmerge_toggle_on_click(objInst)
{
	var column_index;

	// 선택된 컬럼을 구함
	column_index = this.grd.getselectcolumn();
	if (column_index < 0) {
		screen.alert("선택된 컬럼이 없습니다.");
		return;
	}

	// 선택된 컬럼의 컬럼 병합 정보 토글 처리
	this.grd.setcolumnmerge(column_index, !this.grd.getcolumnmerge(column_index));
}

function btn_getcolumnmerge_on_click(objInst)
{
	var column_index, is_merge;

	// 선택된 컬럼을 구함
	column_index = this.grd.getselectcolumn();
	if (column_index < 0) {
		screen.alert("선택된 컬럼이 없습니다.");
		return;
	}

	// 0번째 컬럼의 컬럼 병합 적용 여부를 구함
	is_merge = this.grd.getcolumnmerge(column_index);
	if (is_merge) {
		screen.alert(column_index + "번째 컬럼은 컬럼 병합 적용 컬럼입니다.");
	}
	else {
		screen.alert(column_index + "번째 컬럼은 컬럼 병합 미적용 컬럼입니다.");
	}
}
</sxh>