아이템 동적 병합 가이드

그리드 아이템 동적 병합에 대한 예시 화면이다.

그리드 use_selectblock 속성을 true로 설정하여 사용자가 마우스로 블럭 선택 기능을 제공합니다.

그리드 on_selectblock 이벤트를 이용하여 블럭 선택한 아이템에 대한 통계 데이터를 표시한다.

블럭 선택된 아이템에 대한 컨텍스트 메뉴에 “병합” 및 “병합해제” 메뉴를 제공한다.

setitemmergerange, releaseitemmerge API를 통해서 병합 처리 기능을 제공한다.

그리드를 마우스로 드래그 후, 컨텍스트 메뉴를 통해 병합하세요.

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

템플릿 파일

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

// 병합 버튼 이벤트
function btnMerge_on_mouseup(objInst)
{
	this.grdMerge.setitemmergerange(this.fldStartRow.gettext(), this.fldStartCol.gettext(), this.fldEndRow.gettext(), this.fldEndCol.gettext());
}

// 병합 해제 버튼 이벤트
function btnMergeRelease_on_mouseup(objInst)
{
	this.grdMerge.releaseitemmerge(this.fldStartRow.gettext(), this.fldStartCol.gettext(), this.fldEndRow.gettext(), this.fldEndCol.gettext());
}

// 그리드 블럭 선택 이벤트 처리
function grdMerge_on_selectblock(objInst, nSelectStat, nStartRow, nStartColumn, nEndRow, nEndColumn, nSumValue, nAvgValue, nCount, nMinValue, nMaxValue)
{
	// 그리드 블럭 선택 통계 정보 표시
	this.fldSum.settext(nSumValue);
	this.fldAvg.settext(nAvgValue);
	this.fldCount.settext(nCount);
	this.fldMin.settext(nMinValue);
	this.fldMax.settext(nMaxValue);
}