그리드 헤더 병합 가이드

그리드 헤더행 병합에 대한 예시 화면이다.

관련 API로 setheadermergerange, releaseheadermergerange, isheadermerge, getheadermergerange가 있다.

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

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

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

템플릿 파일

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

// "setheadermergerange" 버튼 이벤트
function btn_setheadermergerange_on_click(objInst)
{
	var ret;

	// 아이템 병합 처리
	ret = this.grd.setheadermergerange(this.fldStartRow.gettext(), this.fldStartCol.gettext(),
										  this.fldEndRow.gettext(), this.fldEndCol.gettext());
	factory.consoleprint("setheadermergerange return = " + ret);
}

// "releaseheadermergerange" 버튼 이벤트
function btn_releaseheadermergerange_on_click(objInst)
{
	var ret;

	// 아이템 병합 해제 처리
	ret = this.grd.releaseheadermergerange(this.fldStartRow.gettext(), this.fldStartCol.gettext(),
										 this.fldEndRow.gettext(), this.fldEndCol.gettext());
	factory.consoleprint("releaseheadermergerange return = " + ret);
}

// "isheadermerge" 버튼 이벤트
function btn_isheadermerge_on_click(objInst)
{
	var is_merge;

	// 아이템이 병합된 아이템인지 구함
	is_merge = this.grd.isheadermerge(this.fldStartRow.gettext(), this.fldStartCol.gettext());
	if (is_merge) {
		screen.alert("선택한 아이템은 병합된 아이템 입니다.");
	}
	else {
		screen.alert("선택한 아이템은 병합된 아이템이 아닙니다.");
	}
}

// "getheadermergerange" 버튼 이벤트
function btn_getheadermergerange_on_click(objInst)
{
	var merge_range;

	merge_range = this.grd.getheadermergerange(this.fldStartRow.gettext(), this.fldStartCol.gettext());
	if (merge_range.length > 0) {
		screen.alert("선택한 아이템 병합정보: " + merge_range.join(","));
	}
	else {
		screen.alert("선택한 아이템은 병합된 아아템이 아닙니다.");
	}
}