Infragistics Ignite UI for Angular Query Builder

InfragisticsAbfrage-EditorenJavaScript

Visualisieren und erstellen Sie komplexe Datenabfragen ganz einfach.

  • Erstellen Sie komplexe Datenfilterabfragen über mehrere Tabellen visuell.
  • Unterstützt verschachtelte Unterabfragen mit den Operatoren IN/NOT IN.
  • Bietet Drag-and-drop und Umordnung per Tastatur für Abfrageausdrücke.
Infragistics logo

Preise ab:

Wird geladen...
Verfügbar in
Infragistics Ignite UI for AngularWird geladen
Infragistics Ignite UIWird geladen
Infragistics ProfessionalWird geladen
Infragistics UltimateWird geladen
Brauchen Sie Hilfe bei der Auswahl? Sehen Sie So kaufen Sie und Spezifikationen
Infragistics Ignite UI for Angular Query Builder Produktbild
Die Ignite UI for Angular Query Builder-Komponente bietet eine visuelle Oberfläche zum Erstellen komplexer Datenfilterausdrücke über mehrere Entitäten hinweg. Sie unterstützt verschachtelte Unterabfragen und intuitives Drag-and-drop-Umsortieren und ermöglicht es Entwicklern, Abfragen ohne das Schreiben von SQL zu erstellen. Die Komponente gibt eine serialisierbare Struktur aus, die sich ideal in Backend-Datenquellen integrieren lässt.

Visuelle Abfrageerstellung

Erstellt Ausdrucksbäume, die die Konstruktion komplexer Filter mit AND/OR-Logikoperatoren über eine umfangreiche Benutzeroberfläche ermöglichen, die speziell für Angular-Anwendungen entwickelt wurde.

Unterstützung für Abfragen über mehrere Tabellen

Erleichtert das Erstellen von Abfragen, die sich über mehrere Tabellen oder Entitäten erstrecken, indem Datenquellen kombiniert werden, um umfassende Filterkriterien innerhalb einer einzigen UI-Komponente zu erstellen.

Verschachtelte Unterabfragen mit IN/NOT IN

Ermöglicht es Entwicklern, verschachtelte Abfragen mit den Operatoren IN und NOT IN zu definieren, sodass Unterabfragen direkt über die UI eingebettet werden können, um erweiterte Filterungszenarien zu unterstützen.

Drag-and-drop und Umordnung per Tastatur

Unterstützt das Neuordnen von Bedingungen und Gruppen per Drag-and-drop mit der Maus oder über die Pfeiltasten der Tastatur und bietet so eine flexible Anordnung von Abfrageausdrücken, um die Logik dynamisch zu gestalten.

Serialisierbares Modell für Ausdrucksbäume

Stellt die Abfrage als FilteringExpressionsTree dar, der in JSON serialisiert werden kann, wodurch sich Abfragendefinitionen einfach zwischen Client und Server übertragen lassen.

Anpassbare UI-Vorlagen

Ermöglicht das Vorlagen von Kopfzeilen und Eingaben für Suchwerte von Bedingungen und gibt Entwicklern volle Kontrolle über Erscheinungsbild und Interaktion innerhalb der Query-Builder-Oberfläche.

Integration mit Angular Grid

Entwickelt für die Zusammenarbeit mit Ignite UI for Angular data grid, sodass erstellte Abfragen sofort angewendet werden können, um Grid-Daten effizient zu filtern.

Bearbeitbare Bedingungen und Gruppierung

Benutzer können Bedingungen oder Ausdrücke mit klaren UI-Steuerelementen hinzufügen, ändern und gruppieren sowie Bestätigungsdialoge beim Wechseln von Entitäten nutzen, um versehentlichen Datenverlust zu vermeiden.

Flexibilität bei Themen und Gestaltung

Unterstützt Theming über Sass und ermöglicht die Anpassung von Farben und Stilen für Komponenten wie Buttons, Chips und Eingaben innerhalb des Query Builders, um das Design der Anwendung zu treffen.

Barrierefreiheit und Tastaturunterstützung

Enthält Tastaturnavigation und Umordnung und unterstützt Tab, Enter, Leertaste, Esc und Pfeiltasten zur Verwaltung von Abfrageausdrücken und zur Verbesserung der Benutzerfreundlichkeit für alle Nutzer.

Produktkompatibilität

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

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Angular
  • Vanilla JavaScript