SYIDAX / DATA GRID

목록에서 값 선택 PRO

열의 고유 값 중 표시할 값만 선택합니다.

시작하기
목록에서 값 선택샘플 주문 데이터
120 rows
Grid를 불러오는 중입니다…
최근 결과

지역 열처럼 선택지가 반복되는 열을 고르세요. 현재 기본 미리보기의 텍스트 필터와는 다른 필터입니다.

코드 보기
현재 미리보기

사용 가이드

#

APAC·EMEA·AMER처럼 값의 종류가 정해진 열에서 사용자가 원하는 값만 체크하도록 만들 때 사용합니다.

앱에서 연결하는 순서

  1. 대상 열 선택

    지역 열처럼 선택지가 반복되는 열을 고르세요. 현재 기본 미리보기의 텍스트 필터와는 다른 필터입니다.

  2. 선택 목록 필터 구성

    지역 열에 filter: 'set'을 지정하고 필터 UI를 사용할 수 있도록 헤더 필터나 열 메뉴를 함께 설정하세요.

  3. 값 선택 결과 확인

    앱에서 지역 목록 중 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 .