Syncfusion Vue Query Builder UI

Syncfusion쿼리 편집기JavaScript

반응형 Vue UI 구성 요소로 복잡한 데이터 필터를 생성하세요.

  • 데이터 시각화 컨트롤과 손쉽게 통합됩니다.
  • 구조화된 JSON 및 SQL 필터 쿼리를 출력합니다.
  • 템플릿과 여러 테마를 사용한 사용자 지정을 지원합니다.
Syncfusion logo

가격:

로딩 중...
다음에서 사용 가능
Syncfusion Essential Studio UI Component Suite로딩 중
Syncfusion Essential Studio Enterprise로딩 중
Syncfusion Vue Query Builder UI 제품 이미지
Syncfusion Vue Query Builder UI는 AND/OR 로직을 사용해 복잡한 데이터 필터를 구성할 수 있는 동적인 인터페이스를 제공합니다. 그리드와 차트 같은 데이터 시각화 구성 요소와의 원활한 통합을 위해 설계되었으며, 다양한 데이터 소스를 지원하고 필터를 JSON 또는 SQL 형식으로 출력합니다. 반응형 디자인으로 데스크톱과 모바일 기기에서 모두 사용성이 뛰어나며, 템플릿과 테마를 통해 폭넓은 사용자 지정이 가능합니다.

데이터 통합

data manager를 사용하여 JSON, OData, WCF, RESTful services를 포함한 다양한 로컬 및 원격 소스와 쉽게 데이터를 바인딩할 수 있어 유연하고 강력한 데이터 처리가 가능합니다.

유연한 필터 생성

사용자는 직관적인 UI를 통해 AND/OR 로직을 사용하여 여러 조건을 생성하고 그룹화할 수 있으며, 복잡한 시나리오에 적합한 정밀한 데이터 필터링을 지원합니다.

구조화된 출력 형식

구조화된 JSON 필터를 생성하고 필터 쿼리를 위한 여러 SQL 형식을 지원하여, 백엔드 시스템과의 손쉬운 구문 분석 및 통합을 가능하게 합니다.

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

header, rule, value 템플릿을 사용하여 체크박스, 슬라이더, 드롭다운 목록과 같은 사용자 지정 컨트롤을 추가할 수 있어 필터링 경험을 원하는 대로 조정할 수 있습니다.

반응형 및 모바일 대응

iOS, Android, Windows 플랫폼 전반에서 데스크톱, 터치스크린, 스마트폰에 최적화된 매우 반응성 높은 레이아웃을 제공합니다.

여러 내장 테마

Fluent, Tailwind CSS, Bootstrap, Material, Fabric 등의 테마를 포함하며, 온라인 Theme Studio 도구를 통해 테마를 쉽게 사용자 지정할 수 있습니다.

글로벌화 및 지역화 지원

사용자 선호에 따라 문자열을 형식화하여 다양한 로케일에 맞게 조정하며, 전 세계 사용자를 위한 접근성을 향상시킵니다.

가져오기 및 내보내기 기능

JSON, SQL(inline, parameterized, named), Mongo query 형식으로 필터 규칙을 가져오고 내보낼 수 있어 손쉬운 데이터 교환과 영속성을 지원합니다.

데이터 무결성을 위한 고급 기능

필터 그룹이나 규칙을 잠그고 복제하는 기능을 제공하여 데이터 무결성을 보장하고 효율적인 필터 관리를 가능하게 합니다.

접근성 준수

키보드 상호 작용과 오른쪽에서 왼쪽으로 쓰는 언어 지원을 포함하여 WAI-ARIA 접근성 표준과 WCAG 2.0 지침을 완벽하게 지원합니다.

제품 호환성

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

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • Vue.js