Syncfusion React Query Builder UI

Syncfusion쿼리 편집기JavaScript

React 애플리케이션에서 복잡한 데이터 필터를 직관적으로 생성하세요.

  • JSON 및 SQL 지원으로 데이터를 손쉽게 바인딩하고 필터링합니다.
  • 템플릿을 사용해 입력 컨트롤을 사용자 지정하여 UI 유연성을 높입니다.
  • 데스크톱, 태블릿, 모바일 기기에 최적화된 반응형 디자인입니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion React Query Builder UI 제품 이미지
Syncfusion React Query Builder UI는 React 애플리케이션 내에서 복잡한 필터링 기준을 구성하고 관리하기 위한 동적인 인터페이스를 제공합니다. SQL 쿼리와 호환되는 구조화된 JSON 출력을 생성하며, 필터링된 결과를 표시하기 위해 데이터 시각화 구성 요소와 원활하게 통합됩니다. 유연한 템플릿 시스템을 통해 사용자 지정 입력 컨트롤을 포함할 수 있어 사용자 상호작용과 인터페이스 적응성이 향상됩니다.

직관적인 필터링 인터페이스

사용자가 AND/OR 논리를 사용하여 여러 필터링 조건을 만들고 그룹화할 수 있게 하여, 사용자 친화적인 방식으로 복잡한 쿼리를 구성할 수 있습니다.

구조화된 JSON 및 SQL 출력

구조화된 JSON 형식으로 필터 쿼리를 생성하며, 이는 쉽게 파싱하거나 SQL 문으로 변환할 수 있어 데이터베이스와의 백엔드 통합을 지원합니다.

손쉬운 데이터 바인딩

JSON, OData, RESTful 서비스를 포함한 로컬 및 원격 데이터 소스를 지원하며, 일관된 데이터 작업을 위해 Syncfusion's Data Manager와 통합됩니다.

템플릿 기반 UI 사용자 지정

개발자가 헤더, 규칙, 값 템플릿을 통해 체크박스, 슬라이더, 드롭다운과 같은 사용자 지정 입력 요소를 추가하여 사용자 경험을 맞춤화할 수 있게 합니다.

반응형 및 크로스 플랫폼 디자인

데스크톱, 스마트폰, 태블릿을 포함한 다양한 기기에서 사용할 수 있도록 최적화되었으며, iOS, Android, Windows 플랫폼에서의 사용성을 보장합니다.

테마 및 외형 옵션

Material, Bootstrap, Fluent와 같은 여러 내장 테마를 포함하며, 온라인 Theme Studio 도구를 통해 사용자 지정할 수 있습니다.

고급 쿼리 기능

매개변수화된 SQL 쿼리, 이름이 지정된 매개변수, MongoDB 쿼리를 지원하며, 쿼리 유연성을 높이기 위해 이러한 형식의 가져오기/내보내기 메서드를 제공합니다.

규칙 및 그룹 관리

개별 규칙이나 그룹을 복제하고 잠글 수 있는 기능을 제공하여 무단 변경을 방지하고 복잡한 필터의 복제를 가능하게 합니다.

드래그 앤 드롭 지원

사용자는 드래그 앤 드롭 상호작용으로 규칙이나 그룹의 위치를 재배치할 수 있어 쿼리 구성이 더 직관적이고 적응 가능해집니다.

전역화 및 지역화

문자열과 인터페이스 요소를 다양한 로케일과 언어에 맞게 서식 지정할 수 있도록 지원하여 전 세계에서의 사용성을 넓혀줍니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • React