syidaxgrid
홈 가격 내 정보
SYIDAX / DATA GRID

조건 트리 PRO

여러 열의 조건을 AND와 OR로 묶어 복잡한 검색을 구성합니다.

시작하기
조건 트리샘플 주문 데이터
120 rows
Grid를 불러오는 중입니다…

옵션

아래 항목을 바꾸면 Grid와 코드에 바로 반영됩니다.

Pro 기능을 제품에 적용하려면 Pro 라이선스가 필요합니다.

최근 결과

이 예제는 고급 필터가 켜져 있습니다. Grid에 표시되는 조건 빌더에서 비교할 열을 선택하세요.

코드 보기
현재 미리보기

사용 가이드

#

지역이 APAC이고 수량이 일정 이상인 주문처럼 여러 조건을 조합할 때 사용합니다. AND와 OR로 조건 사이의 관계를 정합니다.

직접 해보기

  1. 조건 빌더 찾기

    이 예제는 고급 필터가 켜져 있습니다. Grid에 표시되는 조건 빌더에서 비교할 열을 선택하세요.

  2. 첫 조건 만들기

    지역과 비교값 APAC을 선택해 조건을 구성하세요. 조건을 적용하면 해당 지역의 주문을 확인할 수 있습니다.

  3. 조건 추가·제거

    수량 조건을 추가하고 AND 또는 OR로 연결하세요. 마지막에는 조건을 지워 전체 목록으로 돌아오는지 확인합니다.

확인할 결과

조건을 조합한 결과에 맞춰 주문 목록이 달라지고 조건 변경 이벤트에서 모델을 읽을 수 있습니다.

이 예제는 조건 빌더에 집중합니다. 결과가 비어 있으면 비교값의 타입과 AND·OR 연결 방식을 확인하세요.

알아두면 쉬운 용어

AND
연결한 조건을 모두 만족해야 합니다.
OR
연결한 조건 중 하나 이상 만족하면 됩니다.

제품에 이 기능을 적용하려면 Pro 런타임과 유효한 라이선스가 필요합니다.

API reference

#

나머지 속성1
Attribute / Property타입 / 기본값설명
PRO
conditionBuilder		boolean기본값 falseshow the grid-level **condition builder** panel: an AND/OR tree of cross-column conditions ("name contains X AND (score > 50 OR …)") applied on top of the per-column filters. The programmatic surface (`setConditionFilter` / `getConditionFilter`) works regardless of this flag. Default `false`.
이벤트2
이벤트detail 타입설명
PRO
{ model: ConditionNode | null }fires when the grid-level condition tree changes (builder Apply/Clear or `setConditionFilter`). `model: null` = cleared.
PRO
{ presets: Array<{ name: string; json: string }> }fires when the named preset list changes (save/delete in the panel). Hosts persist the payload and feed it back on startup via `setConditionPresets`.
메서드4
메서드 / 인수반환 타입설명
PRO
model: ConditionNode | null		Promise<void>apply/replace the grid-level condition tree programmatically (`null` clears it). The model is validated (`validateConditionNode`) and deep-copied; invalid models are rejected with a console warning and no state change. The builder panel reflects every scalar condition; set leaves still filter but are not editable in the 1차 panel (see `treeToBuilderDraft`).
PRO
Promise<ConditionNode | null>read the applied condition tree (deep copy, `null` = none).
PRO
presets: ReadonlyArray<{ name: string; json: string }>		Promise<void>replace the named preset list (host persistence hook: read with , persist wherever you like, and feed back on startup). Malformed entries are dropped; JSON payloads are validated with the tree parser.
PRO
Promise<Array<{ name: string; json: string }>>read the named preset list (defensive copy).
GridTab 이동 Enter 열기