Syncfusion Vue Query Builder UI

SyncfusionAbfrage-EditorenJavaScript

Erstellen Sie komplexe Datenfilter mit einer responsiven Vue-UI-Komponente.

  • Lässt sich mühelos in Datenvisualisierungs-Steuerelemente integrieren.
  • Gibt strukturierte JSON- und SQL-Filterabfragen aus.
  • Unterstützt Anpassungen mit Vorlagen und mehreren Designs.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion Vue Query Builder UI Produktbild
Syncfusion Vue Query Builder UI bietet eine dynamische Oberfläche zum Erstellen komplexer Datenfilter mit AND/OR-Logik. Entwickelt für die reibungslose Integration mit Datenvisualisierungskomponenten wie Grids und Charts, unterstützt es verschiedene Datenquellen und gibt Filter im JSON- oder SQL-Format aus. Das responsive Design gewährleistet die Nutzbarkeit auf Desktops und Mobilgeräten, während umfangreiche Anpassungen über Vorlagen und Designs möglich sind.

Datenintegration

Binden Sie Daten problemlos mit verschiedenen lokalen und entfernten Quellen wie JSON, OData, WCF und RESTful-Services über einen Data Manager an und ermöglichen Sie so eine flexible und robuste Datenverarbeitung.

Flexible Filtererstellung

Benutzer können über eine intuitive UI mehrere Bedingungen mit AND/OR-Logik erstellen und gruppieren, was eine präzise Datenfilterung für komplexe Szenarien erleichtert.

Strukturierte Ausgabeformate

Generiert strukturierte JSON-Filter und unterstützt mehrere SQL-Formate für Filterabfragen, wodurch sich ein unkompliziertes Parsen und die Integration in Backend-Systeme ermöglichen.

Anpassbare UI-Vorlagen

Unterstützt das Hinzufügen benutzerdefinierter Steuerelemente wie Kontrollkästchen, Schieberegler und Dropdown-Listen mithilfe von Header-, Regel- und Wertvorlagen, um das Filtererlebnis anzupassen.

Responsiv und mobilfähig

Bietet ein hochgradig responsives Layout, optimiert für Desktops, Touchscreens und Smartphones auf iOS-, Android- und Windows-Plattformen.

Mehrere integrierte Designs

Enthält Designs wie Fluent, Tailwind CSS, Bootstrap, Material und Fabric sowie ein Online-Theme-Studio-Tool zur einfachen Anpassung von Designs.

Unterstützung für Globalisierung und Lokalisierung

Passt sich an verschiedene Gebietsschemata an, indem Zeichenfolgen gemäß den Benutzereinstellungen formatiert werden, und verbessert so die Zugänglichkeit für ein globales Publikum.

Import- und Exportfunktionen

Ermöglicht das Importieren und Exportieren von Filterregeln in JSON-, SQL- (inline, parameterisiert, benannt) und Mongo-Query-Formaten für einfachen Datenaustausch und Persistenz.

Erweiterte Funktionen für Datenintegrität

Bietet Funktionen zum Sperren und Klonen von Filtergruppen oder -regeln, um die Datenintegrität sicherzustellen und eine effiziente Filterverwaltung zu ermöglichen.

Barrierefreiheitskonformität

Unterstützt vollständig die WAI-ARIA-Standards für Barrierefreiheit und die WCAG-2.0-Richtlinien, einschließlich Tastaturinteraktion und Unterstützung für von rechts nach links geschriebene Sprachen.

Produktkompatibilität

Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Vue.js