그리드 컬럼 병합 가이드

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

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

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

관련 API로 getcolumnmerge, setcolumnmerge가 있다.

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

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

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

템플릿 파일

• grid_merge_column.xml
• grid_merge_column.js
• 새창으로 실행

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 + "번째 컬럼은 컬럼 병합 미적용 컬럼입니다.");
	}
}