그리드 필터 API 가이드

그리드 필터 API는 단일 컬럼 필터, 멀티 컬럼 필터, 필터 상태를 처리하는 기능을 제공한다.

관련 API로 applyfilter, applyfilterex, applymultifilter, releasefilter, showfilter, getfiltersave, setfiltersave, getfiltercolumns가 있다.

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

템플릿 파일

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

// 그리드 "on_filtercomplete" 이벤트
function grd_on_filtercomplete(objInst)
{
	var i, column_count, sort_order, filter_column_arr;

	// 컬럼의 필터 상태를 구하여 헤더부에 표시
	filter_column_arr = this.grd.getfiltercolumns();

	column_count = this.grd.getcolumncount();
	for (i = 0; i < column_count; i++) {
		if (filter_column_arr.indexOf(i) >= 0) {
			this.grd.setheadertext(1, i, "필터 적용");
		}
		else {
			this.grd.setheadertext(1, i, "");
		}
	}
}

// "applyfilter" 버튼 이벤트
function btn_applyfilter_on_click(objInst)
{
	this.grd.applyfilter(this.cbo_column.val(), this.fld_filtertext.val());
}

// "applyfilterex" 버튼 이벤트
function btn_applyfilterex_on_click(objInst)
{
	this.grd.applyfilterex(this.cbo_column.val(), this.fld_filtertext.val(), false, false);
}

// "applymultifilter" 버튼 이벤트
function btn_applymultifilter_on_click(objInst)
{
	var filter_opt_arr;

    filter_opt_arr = [];

    // 0번 컬럼은 데이터가 "가"인 조건
	filter_opt_arr.push("0:=:\"가\":&");

    // 1번 컬럼은 데이터가 "A"인 조건
	filter_opt_arr.push("1:=:\"A\":&");

	this.grd.applymultifilter(filter_opt_arr.join(","));
}

// "applymultifilter" 버튼 이벤트
function btn_applymultifilter2_on_click(objInst)
{
	var filter_opt_arr;

    filter_opt_arr = [];

    // 0번 컬럼은 데이터가 "가"인 조건
	filter_opt_arr.push({
		sub_row_index: 0,
		column_index: 0,
        compare_type: "=",
        compare_value: "가",
        compare_and: true,
        is_ignore_case: false
	});

    // 1번 컬럼은 데이터가 "A"인 조건
	filter_opt_arr.push({
		sub_row_index: 0,
		column_index: 1,
        compare_type: "=",
        compare_value: "A",
        compare_and: true,
        is_ignore_case: false
	});

	this.grd.applymultifilter(filter_opt_arr);
}

// "releasefilter" 버튼 이벤트
function btn_releasefilter_on_click(objInst)
{
	this.grd.releasefilter();
}

// "showfilter" 버튼 이벤트
function btn_showfilter_on_click(objInst)
{
	// 필터 버튼 표시 토글 처리
	this.grd.showfilter(!this.grd.isshowfilter());
}

// "setfiltersave" 버튼 이벤트
function btn_setfiltersave_on_click(objInst)
{
	// 필터 정보 저장 값 토글 처리
	this.grd.setfiltersave(!this.grd.getfiltersave());
}