• Layout
• Data
• Source
• Layout과 Data를 수정후 적용할 수 있습니다.

// ----------------------- 그리드 설정 시작 -------------------------------------

// rMateGridH5에서 그리드 생성 준비가 완료될 경우 호출할 함수를 지정합니다.
var jsVars = "rMateOnLoadCallFunction=gridReadyHandler";

// rMateDataGrid 를 생성합니다.
// 파라메터 (순서대로)
//  1. 그리드의 id ( 임의로 지정하십시오. )
//  2. 그리드가 위치할 div 의 id (즉, 그리드의 부모 div 의 id 입니다.)
//  3. 그리드 생성 시 필요한 환경 변수들의 묶음인 jsVars
//  4. 그리드의 가로 사이즈 (생략 가능, 생략 시 100%)
//  5. 그리드의 세로 사이즈 (생략 가능, 생략 시 100%)
rMateGridH5.create("grid1", "gridHolder", jsVars, "100%", "100%");

// 그리드의 속성인 rMateOnLoadCallFunction 으로 설정된 함수.
// rMate 그리드의 준비가 완료된 경우 이 함수가 호출됩니다.
// 이 함수를 통해 그리드에 레이아웃과 데이터를 삽입합니다.
// 파라메터 : id - rMateGridH5.create() 사용 시 사용자가 지정한 id 입니다.
function gridReadyHandler(id) {
	// rMateGrid 관련 객체
	gridApp = document.getElementById(id);	// 그리드를 포함하는 div 객체
	gridRoot = gridApp.getRoot();	// 데이터와 그리드를 포함하는 객체

	gridApp.setLayout(layoutStr);
	gridApp.setData(gridData);
}

var gridApp, gridRoot;

// ----------------------- rMateGrid flashVars 설정 끝 -----------------------

// cellAttributeJsFunction 기능을 이용하여 월합계가 30000이하인 셀의 배경색을 바꿉니다.
// cellAttributeJsFunction 함수의 파라메터는 다음과 같습니다.
// function cellAttributeJsFunction(item:Object, column:Column, cellAttr:SpanCellAttribute)
// 		item : 해당 행의 data 객체
// 		column : 해당 셀의 열을 정의한 Column 객체
// 		cellAttr : 해당 셀의 속성을 정의한 SpanCellAttribute 객체
//
// null을 반환하면 속성은 변경되지 않으며, 속성을 정의한 객체를 반환하면 셀 속성이 변경됩니다.
// 단, SpanCellAttribute 에서 정의된 속성만을 사용해야 합니다
// SpanCellAttribute에서 설정 가능한 속성은 다음과 같습니다.
//
//    속성명         :  가능한 값    :    설명
//  backgroundColor :   string     : 셀의 배경색
//  styleName       :   string     : 셀에 적용할 스타일명
//  formatString    :   string     : 적용할 마스크 패턴
//  editable        :  true,false  : 해당 셀의 수정가능 여부
//  rowSpan         :   number     : 병합할 행의 수. 기본값 1
//  colSpan         :   number     : 병합할 열의 수. 기본값 1
//
function cellStyleAmount(item, column, cellAttr) {
	var value = column.getDataField();
	if (item[value] < 30000)
		return { backgroundColor: "#FF0000", "styleName": "cellColorWhiteStyle" };
	return null;
}

//----------------------- 그리드 설정 끝 -----------------------