Infragistics Ignite UI for Angular Query Builder

InfragisticsEditor di queryJavaScript

Visualizza e crea query di dati complesse con facilità.

  • Crea visivamente query complesse di filtro dei dati su più tabelle.
  • Supporta subquery nidificate usando gli operatori IN/NOT IN.
  • Offre riordino tramite drag-and-drop e tastiera per le espressioni di query.
Infragistics logo

Prezzi da:

Caricamento...
Disponibile in
Infragistics Ignite UI for AngularCaricamento
Infragistics Ignite UICaricamento
Infragistics ProfessionalCaricamento
Infragistics UltimateCaricamento
Hai bisogno di aiuto per scegliere? Vedi Come acquistare e la specifica
immagine del prodotto Infragistics Ignite UI for Angular Query Builder
Il componente Ignite UI for Angular Query Builder offre un’interfaccia visiva per creare sofisticate espressioni di filtro dei dati su più entità. Supporta subquery nidificate e un riordino intuitivo tramite trascinamento, consentendo agli sviluppatori di costruire query senza scrivere SQL. Il componente restituisce una struttura serializzabile, ideale per l’integrazione con origini dati backend.

Visual Query Construction

Crea alberi di espressioni che consentono la costruzione di filtri complessi con operatori logici AND/OR tramite un’interfaccia utente ricca e progettata per le applicazioni Angular.

Multi-Table Query Support

Consente di creare query che spaziano su più tabelle o entità, combinando origini dati per definire criteri di filtro completi all’interno di un singolo componente UI.

Nested Subqueries with IN/NOT IN

Consente agli sviluppatori di definire query nidificate usando gli operatori IN e NOT IN, permettendo di incorporare subquery direttamente tramite l’interfaccia per scenari di filtro avanzati.

Drag and Drop and Keyboard Reordering

Supporta il riordino di condizioni e gruppi tramite trascinamento con il mouse o tasti freccia della tastiera, offrendo una riorganizzazione flessibile delle espressioni di query per modellare dinamicamente la logica.

Serializable Expression Tree Model

Rappresenta la query come una FilteringExpressionsTree che può essere serializzata in JSON, facilitando il trasferimento delle definizioni di query tra client e server.

Customizable UI Templates

Consente la modellazione dei template di intestazioni e dei valori di ricerca delle condizioni, offrendo agli sviluppatori il pieno controllo sull’aspetto e sull’interazione nell’interfaccia del query builder.

Integration with Angular Grid

Progettato per funzionare con Ignite UI for Angular data grid, consente l’applicazione immediata delle query create per filtrare in modo efficiente i dati della griglia.

Editable Conditions and Grouping

Gli utenti possono aggiungere, modificare e raggruppare condizioni o espressioni con controlli UI chiari e finestre di conferma quando si cambia entità, per prevenire perdite accidentali di dati.

Theming and Styling Flexibility

Supporta il theming tramite Sass, consentendo la personalizzazione di colori e stili per componenti come pulsanti, chip e input all’interno del query builder per adattarsi al design dell’applicazione.

Accessibility and Keyboard Support

Include navigazione da tastiera e riordino, con supporto per Tab, Enter, Space, Esc e tasti freccia per gestire le espressioni di query e migliorare l’usabilità per tutti gli utenti.

Compatibilità del prodotto

Esamina i dettagli riportati di seguito per assicurarti che questo prodotto sia supportato nell'ambiente in uso.

Tipo di componente

  • JavaScript

Piattaforma JavaScript

  • Angular
  • JavaScript vanilla