Syncfusion Angular Query Builder UI

Syncfusion쿼리 편집기JavaScript

반응형 Angular UI 구성 요소로 사용자 지정 가능한 쿼리 필터를 구축하세요.

  • grids 및 charts 같은 데이터 시각화 도구와 쉽게 통합됩니다.
  • JSON 및 다양한 SQL 형식으로 필터 출력을 지원합니다.
  • 반응형 디자인과 함께 규칙 및 값에 대한 높은 사용자 지정 가능 템플릿을 제공합니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion Angular Query Builder UI 제품 이미지
Syncfusion Angular Query Builder UI는 AND/OR 논리를 사용한 중첩 조건으로 쿼리를 구성하고 편집할 수 있는 정교한 Angular UI를 제공합니다. 구조화된 JSON 필터를 손쉽게 SQL로 변환할 수 있으며, 필터 가져오기/내보내기를 지원하고 다양한 화면 크기에 맞게 조정됩니다. 또한 체크박스와 슬라이더 같은 대화형 컨트롤을 추가하여 UI를 맞춤 설정할 수 있어 다양한 애플리케이션 요구에 유연하게 대응합니다.

구조화된 쿼리 생성

AND/OR 논리로 복잡한 중첩 필터 조건을 구성하여 Angular 애플리케이션 내에서 대규모 데이터 세트를 효과적으로 쿼리할 수 있습니다.

JSON 및 SQL 출력 형식

필터를 구조화된 JSON 또는 다양한 SQL 쿼리 형식으로 출력하여 데이터베이스 및 데이터 관리 계층과 쉽게 통합할 수 있습니다.

유연한 데이터 바인딩

통합된 data manager 구성 요소를 통해 JSON, OData, WCF, RESTful 서비스 등 로컬 및 원격 데이터 소스에 바인딩할 수 있습니다.

필터 가져오기 및 내보내기

기존 필터를 가져오거나 현재 쿼리를 JSON 및 SQL 형식으로 내보내 필터 기준을 영구 저장하거나 공유할 수 있습니다.

반응형 및 적응형 디자인

데스크톱, 태블릿, 모바일 기기에 최적화된 레이아웃을 사용하며 iOS, Android, Windows 플랫폼을 지원하여 일관된 사용자 경험을 제공합니다.

템플릿을 통한 UI 사용자 지정

템플릿을 사용하여 query builder’s 사용자 인터페이스를 광범위하게 사용자 지정하고, 특정 규칙 값에 대해 드롭다운, 슬라이더, 체크박스와 같은 컨트롤을 삽입할 수 있습니다.

시각화 구성 요소와의 통합

data grids 및 charts와 같은 데이터 시각화 요소와 원활하게 통합되어 필터링된 결과를 실시간으로 동적으로 표시합니다.

접근성 및 지역화 지원

WAI-ARIA 준수, 키보드 탐색, 오른쪽에서 왼쪽으로 쓰는 텍스트 지원을 포함하여 다문화 및 접근성 고려 애플리케이션에 적합합니다.

광범위한 API 및 이벤트 처리

쿼리 구성을 세밀하게 제어할 수 있는 풍부한 API와 이벤트를 활용하여 개발자가 사용자 상호 작용에 반응하고 규칙을 동적으로 업데이트할 수 있습니다.

크로스 브라우저 호환성

Chrome, Firefox, Edge, Safari, Opera를 포함한 모든 최신 브라우저에서 기능이 검증되어 폭넓은 사용자 도달 범위를 제공합니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Angular