RealGrid 공통

http://help.realgrid.com

RealGrid 공통부분이 필요한데,

빠른 output이 필요한 상황이라 RealGrid Tutorial을 참고해서 우선 중복코딩을 최소화하

는 정도입니다.


한 페이지에 Grid가 Max 2개까지 있다고 가정합니다.

다음은 공통 script 파일 내용입니다.

var gridView, gridViewDetail, dataProvider, dataProviderDetail;

/**
 * realGrid 초기화 및 default 세팅
 */
var ComGridInit = function(id, columns, fields){
RealGridJS.setTrace(false);
    RealGridJS.setRootContext("js파일 경로");
 
    dataProvider = new RealGridJS.LocalDataProvider();
    gridView = new RealGridJS.GridView(id);
    gridView.setDataSource(dataProvider);
 
    gridView.setColumns(columns);
    dataProvider.setFields(fields);
 
    setDefaultGridOptions(dataProvider, gridView);
    setDefaultGridStyles(gridView);
};


/**
 * 두번째 Grid가 필요할 때 초기화
 */
var ComGridDetailInit = function(id, columns, fields){
dataProviderDetail = new RealGridJS.LocalDataProvider();
gridViewDetail = new RealGridJS.GridView(id);
gridViewDetail.setDataSource(dataProviderDetail);
   
gridViewDetail.setColumns(columns);
dataProviderDetail.setFields(fields);
   
    setDefaultGridOptions(dataProviderDetail, gridViewDetail);
    setDefaultGridStyles(gridViewDetail);
};


function setDefaultGridOptions(provider, grid) {
    provider.setOptions({
        restoreMode: "auto",
        //softDeleting: true //데이터를 바로 삭제하지 않고 상태만 변경 - delete 할 때 직접처리
    });

    grid.setOptions({
        panel:{
            visible: false
        },
        checkBar:{
            visible: false
        },
        stateBar:{
            //visible: false
        },
        header: {
        minHeight: 30
        },
        edit: {
            insertable: true,
            appendable: true,
            deletable: true,
            upateable: true,
            commitWhenExitLast: true,
            crossWhenExitLast: true,
            enterToTab: true,
        },
        sort: {
            keepFocusedRow: true
        },
        footer: {
            visible: false
        }
    })

    //grid.setSelectOptions({style:"singleRow"});
    //grid.setSelectOptions({style:"block"});
    //grid.setDisplayOptions({focusVisible:false});
};


function setDefaultGridStyles(grid) {
    var skins = {
        selection:{
            //background:"#50ffd400",
            //border:"#ffffd400,1px"
        //background: "#2f1e90ff",
        //border: "#5f1e90ff,2"
        },
        body:{
            //background:"#fffafbfc",
            //foreground:"#ff000000"
            //background: "#ffffffff",
            //foreground: "#ff666666"
        },
        header:{
            //background:"linear,#ffe4f2fb,#ffddeefa,90",
            //fontBold:"true"
        //background: "linear,#ffe9f0f8,#ffc3d8f1,90",
        fontBold:"true"
        },
        indicator:{
            //background:"#d8ecfa",
            //foreground:"#ff3a85ba"
            //background: "#ffebf3fc",
            //foreground: "#ff002f6e"          
        }
    };

    grid.setStyles(skins);
}

RealGrid의 기능 정리중

RealGrid 사용하면서 기능정리중입니다.

RealGrid HELP 주소입니다.
RealGrid HELP


//셀 더블클릭
gridView.onDataCellDblClicked = function (grid, index) {

};

//Row Change
gridView.onCurrentRowChanged = function (grid, oldRow, newRow) {

};

//조회
gridView.showProgress();
$.ajax({
url: '',
type: "post",
data: {},
contentType: "application/x-www-form-urlencoded;charset=UTF-8",
success: function(data) {
    dataProvider.fillJsonData(data.rows, {fillMode: "set"});
},
complete: function (data) {
    gridView.closeProgress();
}
});

//삭제
     var current = gridView.getCurrent();
   
    //추가 된 행이면 row자체를 삭제하고, 아니면 상태바에 삭제(-) 표시
    if( dataProvider.getRowState(current.itemIndex) == "created" ){
    dataProvider.setOptions({softDeleting:false});
    gridView.deleteSelection(true);
    }else{
    dataProvider.setOptions({softDeleting:true});
    gridView.deleteSelection(true);//true일 경우 alert없다
    }


column 속성
styles:{textAlignment:"center"}
editable:false


//헤더값 변경
var header = gridView.getColumnProperty("컬럼명", "header");
header.text = "test";
gridView.setColumnProperty("컬럼명", "header", header);


//현재 선택되어진 row의 JSON객체
var current = gridView.getCurrent();
var obj = gridView.getValues(current.itemIndex);
alert(obj.컬럼명);