====== 그리드 헤더 병합 가이드 ======
그리드 헤더행 병합에 대한 예시 화면이다.
관련 API로 setheadermergerange, releaseheadermergerange, isheadermerge, getheadermergerange가 있다.
===== 예시 =====
"부서명" 컬럼은 cellmerge 속성은 자기 자신 컬럼만을 지정함
"직급" 컬럼의 cellmerge 속성은 "부서명" 컬럼 및 자기 자신 컬럼을 지정함.
템플릿 위치: /HTML5/COMPONENT/GRID/grid_merge_header
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_merge_header.xml|grid_merge_header.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/GRID/grid_merge_header.js|grid_merge_header.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/GRID/grid_merge_header|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
// "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("선택한 아이템은 병합된 아아템이 아닙니다.");
}
}