SYIDAX / DATA GRID
목록에서 값 선택 PRO
열의 고유 값 중 표시할 값만 선택합니다.
목록에서 값 선택샘플 주문 데이터
120 rowsGrid를 불러오는 중입니다…
최근 결과
지역 열처럼 선택지가 반복되는 열을 고르세요. 현재 기본 미리보기의 텍스트 필터와는 다른 필터입니다.
코드 보기
현재 미리보기
코드에 포함된 샘플 데이터 · 6행
사용 가이드
#APAC·EMEA·AMER처럼 값의 종류가 정해진 열에서 사용자가 원하는 값만 체크하도록 만들 때 사용합니다.
앱에서 연결하는 순서
- 대상 열 선택
지역 열처럼 선택지가 반복되는 열을 고르세요. 현재 기본 미리보기의 텍스트 필터와는 다른 필터입니다.
- 선택 목록 필터 구성
지역 열에 filter: 'set'을 지정하고 필터 UI를 사용할 수 있도록 헤더 필터나 열 메뉴를 함께 설정하세요.
- 값 선택 결과 확인
앱에서 지역 목록 중 APAC만 선택한 뒤, APAC 주문만 남는지 확인하세요. 전체 값을 다시 선택하면 지역 제한이 해제됩니다.
확인할 결과
검색어를 직접 입력하지 않고 값 목록에서 고른 조건으로 주문을 걸러낼 수 있습니다.
이 기능은 Pro입니다. 원격 데이터에서는 아직 내려받지 않은 값까지 목록에 포함해야 하는지 앱의 데이터 공급 방식을 함께 정하세요.
알아두면 쉬운 용어
- Set filter
- 고유한 값의 목록에서 포함할 값을 선택하는 필터입니다.
- 고유 값
- 같은 값을 한 번만 남긴 목록입니다.
핵심 API 예시
등록된 Grid 요소를 grid로 참조하는 앱 코드입니다.
grid.columnDefs = grid.columnDefs.map(col => col.field==='region' ? {...col,filter:'set'} : col);제품에 이 기능을 적용하려면 Pro 런타임과 유효한 라이선스가 필요합니다.
API reference
#ColumnDef1
| ColumnDef | 타입 / 필수 여부 | 설명 |
|---|---|---|
PRO 옵션 | | ColumnFilterDecl
| string
| GridFilterDefinition<TData, TValue, unknown, TContext>선택 | Filter type. `true` enables the built-in text filter; `false` disables it. an ordered array stacks several kinds on this column in one dropdown, AND-combined — see . |
EXPLORE CAPABILITIES
기능별로 자세히 살펴보기
기능별 사용 상황과 설정 방법을 살펴보세요. 직접 체험하는 예제와 앱에서 연결하는 기능을 각 가이드에 안내합니다.