// ----------------------- 그리드 설정 시작 -------------------------------------
// 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;
}
//----------------------- 그리드 설정 끝 -----------------------
수정적용