그리드의 필터 메뉴를 사용할 때 확장 필터 메뉴를 설정한 예제입니다.
확장 필터 메뉴는 다음처럼 간단하게 칼럼레이아웃에서 useExMenu : true 로 설정함으로써 사용 가능합니다.
const columnLayout = [ { dataField : "name", headerText : "Name", filter : { showIcon : true, useExMenu : true // 추가적인 확장 필터 메뉴 사용 }, ...
확장 필터 메뉴는 다음 2가지가 존재합니다.
* 텍스트 필터 : dataType 을 지정하지 않은 경우(또는 기본값인 "string" 을 지정한 경우)
* 숫자 필터 : dataType 을 "numeric"으로 지정한 경우
아래 그리드에서 Name, Country, Product 는 확장 필터 메뉴가 텍스트 필터로 출력되고, Quantity, Price 는 확장 필터 메뉴가 숫자 필터로 출력됩니다.
모든 데모는 각각 독립적인 단일 HTML 페이지입니다. 마우스 우클릭 후 "소스 보기" (또는 크롬 기준 단축키 Ctrl + U)로 어떻게 작성되었는지 쉽게 확인 할 수 있습니다.
Copyright © AUISoft Co., Ltd.