Syncfusion JavaScript Query Builder UI

SyncfusionAbfrage-EditorenJavaScript

Erstellen Sie komplexe Datenfilter mit anpassbaren UI-Komponenten.

  • Gibt Filter als strukturierte JSON- und SQL-Query-Formate aus.
  • Unterstützt die Integration mit Datenvisualisierung und Data Manager.
  • Bietet responsives Design und anpassbare Vorlagen für UI-Elemente.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion JavaScript Query Builder UI Produktbild
Die Syncfusion JavaScript Query Builder UI ermöglicht IT-Fachleuten, komplexe Filterbedingungen für große Datensätze visuell zu erstellen und zu verwalten. Sie unterstützt die Integration mit Datenvisualisierungskontrollen und gibt Filter in JSON- und SQL-Formaten aus. Ihr flexibles Vorlagensystem und ihr responsives Design passen sich an verschiedene Geräte an und verbessern das Datenfiltererlebnis plattformübergreifend.

Datenbindungsintegration

Binden Sie den Query Builder an verschiedene lokale und entfernte Datenquellen wie JSON, OData, WCF und RESTful-Dienste mit Data Manager an, um Daten effizient abzurufen und zu filtern.

Filtererstellung und Gruppierung

Erstellen Sie mehrere Filterbedingungen und gruppieren Sie sie logisch mit AND/OR-Operatoren, sodass komplexe Query-Definitionen mit einfaches Hinzufügen und Löschen von Regeln möglich sind.

JSON- und SQL-Ausgabeformate

Exportieren und importieren Sie Filter mit strukturiertem JSON, Inline-SQL, parametrisierter SQL, benannter parametrisierter SQL oder Mongo-Query-Formaten für eine flexible Backend-Integration.

Vorlagenanpassung

Passen Sie UI-Elemente wie Felder, Operatoren und Werteingaben an, indem Sie Steuerelemente wie Kontrollkästchen, Schieberegler und Dropdown-Listen über Header-, Regel- und Wertvorlagen einbinden.

Responsives und adaptives Layout

Verfügt über eine hochgradig responsive Benutzeroberfläche, optimiert für Desktops, Tablets und Smartphones auf wichtigen Plattformen wie iOS, Android und Windows.

Anzeige der Zusammenfassungsansicht

Bietet eine Zusammenfassungsansicht, die den erstellten Filter im SQL-Format anzeigt und es Benutzern ermöglicht, die Query-Logik schnell zu überprüfen.

Unterstützung für Model Binding

Unterstützt Model Binding, indem die Zuweisung von Komponenteneigenschaften für die Spalten Feld, Operator und Wert ermöglicht wird, um Verhalten und Darstellung anzupassen.

Sperren und Klonen von Regeln/Gruppen

Aktivieren Sie die Sperrung, um Änderungen an bestimmten Filterregeln oder Gruppen zu verhindern, und klonen Sie vorhandene Regeln oder Gruppen, um das Erstellen von Queries zu vereinfachen.

Barrierefreiheit und Lokalisierung

Entspricht den Standards WAI-ARIA und WCAG 2.0 und unterstützt Screenreader, Tastaturnavigation, Sprachen von rechts nach links sowie lokalisierungsbasierte Formatierung.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Vanilla JavaScript