본문 바로가기
카테고리 없음

<리얼그리드> 필터 기능

by 달남 2019. 11. 18.

1. 필터 기능 소스

function gnf_realGrid_filter(pGridView,pDataProvider,pFilterColumn){
	
	for(j=0; j < pFilterColumn.length; j++){
		var distinctValues = pDataProvider.getDistinctValues(pFilterColumn[j]);
		var filters = [];
		for(var i = 0; i < distinctValues.length; i++){
		    filters.push({name:distinctValues[i],criteria:"value = " + "'" + distinctValues[i] + "'"});
		}
		pGridView.setColumnFilters(pFilterColumn[j],filters);
	}
	// 필터에 CSS 스타일 적용 여부 설정
	pGridView.setFilteringOptions({
		selector: {
					useCssStyle: true
				  }
	});
	
//	// filter 변경 이벤트를 추가해준다.
	pGridView.onFilteringChanged = function (grid, column){
//	    alert(column.name + "필터가 변경됨");
//	    $("#page_cnt").html(data.resultList.length);
	}
}

2. 사용 방법

// filterColumn에 추가하면 filter가 생성됨
var filterColumn = ["schl_nm","schl_knd_nm","pbnf_area_nm"];
gnf_realGrid_filter(gridView,dataProvider,filterColumn);

3. 유동 그리드 일때 사용 방법

var filterColumn=[];
        for(var i = 0 ; i < idxNmArr.length ; i++){
        	var col = {  name: "val" + i,
                    fieldName: "val" + i,
                    header : { text: idxNmArr[i] } //
                    ,styles: { "textAlignment": "center" }
                    //,readOnly: "true"
                    //,width: 300
                };
            
        	columns.push(col);
        	filterColumn.push("val" + i);
        }
        

        
     // filterColumn에 추가하면 filter가 생성됨
        gnf_realGrid_filter(gridView,dataProvider,filterColumn);

댓글