Syncfusion Angular Query Builder UI

SyncfusionAbfrage-EditorenJavaScript

Erstellen Sie anpassbare Abfragefilter mit responsiven Angular-UI-Komponenten.

  • Einfache Integration mit Datenvisualisierungstools wie Gittern und Diagrammen.
  • Unterstützt Filterausgabe in JSON und mehreren SQL-Formaten.
  • Hochgradig anpassbare Vorlagen für Regeln und Werte mit responsivem Design.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion Angular Query Builder UI Produktbild
Syncfusion Angular Query Builder UI bietet eine ausgefeilte Angular-Oberfläche zum Erstellen und Bearbeiten von Abfragen mit verschachtelten Bedingungen unter Verwendung von AND/OR-Logik. Es liefert strukturierte JSON-Filter, die sich leicht in SQL umwandeln lassen, unterstützt das Importieren/Exportieren von Filtern und passt sich an verschiedene Bildschirmgrößen an. Die UI lässt sich durch das Hinzufügen interaktiver Steuerelemente wie Kontrollkästchen und Schieberegler anpassen und bietet so Flexibilität für unterschiedliche Anwendungsanforderungen.

Strukturierte Abfrageerstellung

Erstellen Sie komplexe, verschachtelte Filterbedingungen mit AND/OR-Logik, um große Datensätze in Ihren Angular-Anwendungen effektiv abzufragen.

JSON- und SQL-Ausgabeformate

Geben Sie Filter als strukturiertes JSON oder in verschiedenen SQL-Abfrageformaten aus, was die einfache Integration mit Datenbanken und Datenverwaltungsschichten erleichtert.

Flexibilität bei der Datenbindung

Binden Sie lokale und entfernte Datenquellen an, einschließlich JSON-, OData-, WCF- und RESTful-Diensten, über die integrierte Data-Manager-Komponente.

Importieren und Exportieren von Filtern

Importieren Sie vorhandene Filter oder exportieren Sie aktuelle Abfragen in JSON- und SQL-Formaten, um die dauerhafte Speicherung oder das Teilen von Filterkriterien zu ermöglichen.

Responsives und adaptives Design

Verwendet ein Layout, das für Desktop-, Tablet- und Mobilgeräte optimiert ist und iOS-, Android- und Windows-Plattformen unterstützt, um ein konsistentes Benutzererlebnis zu gewährleisten.

UI-Anpassung über Vorlagen

Passen Sie die Benutzeroberfläche des Query Builders umfassend mithilfe von Vorlagen an, um Steuerelemente wie Dropdowns, Schieberegler und Kontrollkästchen für spezifische Regelwerte einzufügen.

Integration mit Visualisierungskomponenten

Integrieren Sie sich nahtlos mit Datenvisualisierungselementen wie Datengittern und Diagrammen, um gefilterte Ergebnisse in Echtzeit dynamisch anzuzeigen.

Barrierefreiheits- und Lokalisierungsunterstützung

Enthält WAI-ARIA-Konformität, Tastaturnavigation und Unterstützung für Text von rechts nach links für multikulturelle und barrierebewusste Anwendungen.

Umfangreiche API- und Ereignisverarbeitung

Nutzen Sie eine umfangreiche Auswahl an APIs und Ereignissen zur präzisen Steuerung der Abfrageerstellung, sodass Entwickler auf Benutzerinteraktionen reagieren und Regeln dynamisch aktualisieren können.

Browserübergreifende Kompatibilität

Funktionalität, die in allen modernen Browsern einschließlich Chrome, Firefox, Edge, Safari und Opera verifiziert wurde, für eine breite Nutzerreichweite.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Angular