그리드의 필터 메뉴를 사용할 때 확장 필터 메뉴를 설정한 예제입니다.
확장 필터 메뉴는 다음처럼 간단하게 칼럼레이아웃에서 useExMenu : true 로 설정함으로써 사용 가능합니다.
const columnLayout = [ {
dataField : "name",
headerText : "Name",
filter : {
showIcon : true,
useExMenu : true // 추가적인 확장 필터 메뉴 사용
},
...
확장 필터 메뉴는 다음 2가지가 존재합니다.
* 텍스트 필터 : dataType 을 지정하지 않은 경우(또는 기본값인 "string" 을 지정한 경우)
* 숫자 필터 : dataType 을 "numeric"으로 지정한 경우
아래 그리드에서 Name, Country, Product 는 확장 필터 메뉴가 텍스트 필터로 출력되고, Quantity, Price 는 확장 필터 메뉴가 숫자 필터로 출력됩니다.