Syncfusion Angular Query Builder UI

SyncfusionEditor di queryJavaScript

Crea filtri di query personalizzabili con componenti Angular responsive.

  • Facile integrazione con strumenti di visualizzazione dei dati come griglie e grafici.
  • Supporta l'output dei filtri in JSON e in più formati SQL.
  • Template altamente personalizzabili per regole e valori con design responsive.
Syncfusion logo

Prezzi da:

Caricamento...
Disponibile in
Syncfusion Essential Studio UI Component SuiteCaricamento
Syncfusion Essential Studio EnterpriseCaricamento
immagine del prodotto Syncfusion Angular Query Builder UI
L'interfaccia utente Syncfusion Angular Query Builder offre un'interfaccia Angular sofisticata per costruire e modificare query con condizioni annidate usando la logica AND/OR. Fornisce filtri JSON strutturati facilmente convertibili in SQL, supporta l'importazione/esportazione dei filtri e si adatta a varie dimensioni dello schermo. L'interfaccia utente può essere personalizzata aggiungendo controlli interattivi come caselle di controllo e slider, offrendo flessibilità per diverse esigenze applicative.

Costruzione strutturata delle query

Crea condizioni di filtro complesse e annidate con la logica AND/OR per interrogare efficacemente grandi set di dati nelle tue applicazioni Angular.

Formati di output JSON e SQL

Esporta i filtri come JSON strutturato o in vari formati di query SQL, facilitando l'integrazione con database e livelli di gestione dei dati.

Flessibilità del data binding

Collega origini dati locali e remote, inclusi servizi JSON, OData, WCF e RESTful, tramite il componente integrato data manager.

Importazione ed esportazione dei filtri

Importa filtri esistenti o esporta le query correnti in formati JSON e SQL per consentire l'archiviazione persistente o la condivisione dei criteri di filtraggio.

Design responsive e adattivo

Utilizza un layout ottimizzato per desktop, tablet e dispositivi mobili, con supporto per le piattaforme iOS, Android e Windows per un'esperienza utente coerente.

Personalizzazione dell'interfaccia tramite template

Personalizza ampiamente l'interfaccia utente del query builder’s usando template per inserire controlli come menu a discesa, slider e caselle di controllo per valori di regole specifici.

Integrazione con componenti di visualizzazione

Integra senza problemi elementi di visualizzazione dei dati come data grid e grafici per mostrare dinamicamente i risultati filtrati in tempo reale.

Supporto per accessibilità e localizzazione

Include conformità WAI-ARIA, navigazione da tastiera e supporto per il testo da destra a sinistra per applicazioni multiculturali e attente all'accessibilità.

API estese e gestione degli eventi

Sfrutta un ricco insieme di API ed eventi per un controllo preciso sulla costruzione delle query, consentendo agli sviluppatori di reagire alle interazioni dell'utente e aggiornare dinamicamente le regole.

Compatibilità cross-browser

Funzionalità verificata su tutti i browser moderni, inclusi Chrome, Firefox, Edge, Safari e Opera, per raggiungere un ampio pubblico di 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