GS인증 AUIGrid v3.0.16

그리드의 필터 메뉴를 사용할 때 확장 필터 메뉴를 설정한 예제입니다.

확장 필터 메뉴는 다음처럼 간단하게 칼럼레이아웃에서 useExMenu : true 로 설정함으로써 사용 가능합니다.

const columnLayout = [ {
	dataField : "name",
	headerText : "Name",
	filter : {
		showIcon : true,
		useExMenu : true // 추가적인 확장 필터 메뉴 사용
	},
	...

확장 필터 메뉴는 다음 2가지가 존재합니다.

* 텍스트 필터 : dataType 을 지정하지 않은 경우(또는 기본값인 "string" 을 지정한 경우)

* 숫자 필터 : dataType 을 "numeric"으로 지정한 경우

아래 그리드에서 Name, Country, Product 는 확장 필터 메뉴가 텍스트 필터로 출력되고, Quantity, Price 는 확장 필터 메뉴가 숫자 필터로 출력됩니다.