Syncfusion React Query Builder UI

SyncfusionAbfrage-EditorenJavaScript

Erstellen Sie komplexe Datenfilter intuitiv in React-Anwendungen.

  • Einfaches Binden und Filtern von Daten mit Unterstützung für JSON und SQL.
  • Benutzerdefinierte Eingabesteuerelemente mithilfe von Vorlagen für erhöhte UI-Flexibilität anpassen.
  • Responsives Design, optimiert für Desktops, Tablets und mobile Geräte.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion React Query Builder UI Produktbild
Syncfusion React Query Builder UI bietet eine dynamische Oberfläche zum Erstellen und Verwalten komplexer Filterkriterien in React-Anwendungen. Es erzeugt strukturierten JSON-Ausgabewert, der mit SQL-Abfragen kompatibel ist, und lässt sich nahtlos in Datenvisualisierungskomponenten integrieren, um gefilterte Ergebnisse anzuzeigen. Sein flexibles Templating-System ermöglicht die Einbindung benutzerdefinierter Eingabesteuerelemente und verbessert so die Benutzerinteraktion sowie die Anpassungsfähigkeit der Oberfläche.

Intuitive Filteroberfläche

Ermöglicht es Benutzern, mehrere Filterbedingungen mit AND/OR-Logik zu erstellen und zu gruppieren, wodurch komplexe Abfragen auf benutzerfreundliche Weise aufgebaut werden können.

Strukturierte JSON- und SQL-Ausgabe

Erzeugt Filterabfragen in strukturiertem JSON, das sich leicht parsen oder in SQL-Anweisungen umwandeln lässt und so die Backend-Integration mit Datenbanken ermöglicht.

Mühelose Datenbindung

Unterstützt lokale und entfernte Datenquellen einschließlich JSON, OData und RESTful-Diensten und integriert sich mit Syncfusion's Data Manager für konsistente Datenoperationen.

Vorlagenbasierte UI-Anpassung

Ermöglicht Entwicklern, über Kopf-, Regel- und Wertvorlagen benutzerdefinierte Eingabeelemente wie Kontrollkästchen, Schieberegler und Dropdowns hinzuzufügen, um das Benutzererlebnis zu gestalten.

Responsives und plattformübergreifendes Design

Optimiert für die Nutzung auf verschiedenen Geräten einschließlich Desktops, Smartphones und Tablets und gewährleistet Benutzerfreundlichkeit auf iOS-, Android- und Windows-Plattformen.

Theme- und Erscheinungsbildoptionen

Enthält mehrere integrierte Themes wie Material, Bootstrap und Fluent mit der Möglichkeit zur Anpassung über das Online-Tool Theme Studio.

Erweiterte Abfragefunktionen

Unterstützt parametrisierte SQL-Abfragen, benannte Parameter, MongoDB-Abfragen und bietet Methoden zum Importieren/Exportieren dieser Formate, um die Abfrageflexibilität zu erhöhen.

Regel- und Gruppenverwaltung

Bietet Funktionen zum Klonen und Sperren einzelner Regeln oder Gruppen, um unbefugte Änderungen zu verhindern und die Duplizierung komplexer Filter zu ermöglichen.

Unterstützung für Drag-and-drop

Benutzer können Regeln oder Gruppen per Drag-and-drop neu positionieren, was den Aufbau von Abfragen intuitiver und anpassungsfähiger macht.

Globalisierung und Lokalisierung

Bietet Unterstützung zur Formatierung von Zeichenfolgen und Oberflächenelementen entsprechend verschiedener Gebietsschemata und Sprachen und erweitert so die weltweite Verwendbarkeit.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • React