Infragistics Ignite UI for Angular Query Builder

Infragistics쿼리 편집기JavaScript

복잡한 데이터 쿼리를 손쉽게 시각화하고 구성하세요.

  • 복잡한 다중 테이블 데이터 필터링 쿼리를 시각적으로 빌드합니다.
  • IN/NOT IN 연산자를 사용한 중첩 하위 쿼리를 지원합니다.
  • 쿼리 식에 대해 드래그 앤 드롭 및 키보드 재정렬을 제공합니다.
Infragistics logo

가격:

로딩 중...
다음에서 사용 가능
Infragistics Ignite UI for Angular로딩 중
Infragistics Ignite UI로딩 중
Infragistics Professional로딩 중
Infragistics Ultimate로딩 중
선택에 도움이 필요하신가요? 구매 방법과 사양을 확인하세요.
Infragistics Ignite UI for Angular Query Builder 제품 이미지
Ignite UI for Angular Query Builder 구성 요소는 여러 엔터티 전반에 걸쳐 복잡한 데이터 필터링 식을 만들 수 있는 시각적 인터페이스를 제공합니다. 중첩 하위 쿼리와 직관적인 드래그 앤 드롭 재정렬을 지원하여 개발자가 SQL을 작성하지 않고도 쿼리를 빌드할 수 있게 해줍니다. 이 구성 요소는 백엔드 데이터 소스와의 통합에 이상적인 직렬화 가능한 구조를 출력합니다.

시각적 쿼리 구성

Angular 애플리케이션에 맞춘 풍부한 사용자 인터페이스를 사용하여 AND/OR 논리 연산자로 복잡한 필터를 구성할 수 있는 식 트리를 생성합니다.

다중 테이블 쿼리 지원

여러 테이블 또는 엔터티에 걸친 쿼리 빌드를 지원하며, 데이터 소스를 결합하여 단일 UI 구성 요소 내에서 포괄적인 필터링 기준을 생성합니다.

IN/NOT IN을 사용하는 중첩 하위 쿼리

IN 및 NOT IN 연산자를 사용하여 중첩 쿼리를 정의할 수 있게 하며, 고급 필터링 시나리오를 위해 UI를 통해 하위 쿼리를 직접 포함할 수 있습니다.

드래그 앤 드롭 및 키보드 재정렬

마우스 드래그 앤 드롭 또는 키보드 화살표 키를 통해 조건과 그룹의 순서를 변경할 수 있어, 쿼리 식을 유연하게 재배열하여 논리를 동적으로 구성할 수 있습니다.

직렬화 가능한 식 트리 모델

쿼리를 JSON으로 직렬화할 수 있는 FilteringExpressionsTree로 표현하여 클라이언트와 서버 간에 쿼리 정의를 쉽게 전달할 수 있습니다.

사용자 지정 가능한 UI 템플릿

헤더와 조건 검색 값 입력에 대한 템플릿 적용을 허용하여 개발자가 Query Builder 인터페이스의 모양과 상호작용을 완전히 제어할 수 있습니다.

Angular Grid와의 통합

Ignite UI for Angular data grid와 함께 작동하도록 설계되어, 빌드한 쿼리를 즉시 적용하여 그리드 데이터를 효율적으로 필터링할 수 있습니다.

편집 가능한 조건 및 그룹화

사용자는 명확한 UI 컨트롤과 엔터티 전환 시 확인 대화 상자를 통해 조건이나 식을 추가, 수정, 그룹화할 수 있어 실수로 인한 데이터 손실을 방지합니다.

테마 및 스타일 유연성

Sass를 통한 테마 적용을 지원하여 Query Builder 내의 버튼, 칩, 입력 요소와 같은 구성 요소의 색상과 스타일을 사용자 지정해 애플리케이션 디자인과 맞출 수 있습니다.

접근성 및 키보드 지원

키보드 탐색과 재정렬 기능을 포함하며, Tab, Enter, Space, Esc 및 화살표 키를 지원하여 쿼리 식을 관리하고 모든 사용자의 사용성을 향상합니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular
  • Vanilla JavaScript