====== 그리드 컬럼 병합 가이드 ======
그리드 컬럼 병합에 대한 예시 화면이다.
그리드 컬럼 데이터부 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|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
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 + "번째 컬럼은 컬럼 병합 미적용 컬럼입니다.");
}
}