Syncfusion JavaScript Query Builder UI

SyncfusionEditor di queryJavaScript

Crea filtri dati complessi con componenti UI personalizzabili.

  • Restituisce filtri in formati di query JSON e SQL strutturati.
  • Supporta l'integrazione con la visualizzazione dei dati e Data Manager.
  • Offre design responsivo e template personalizzabili per gli elementi dell'interfaccia utente.
Syncfusion logo

Prezzi da:

Caricamento...
Disponibile in
Syncfusion Essential Studio UI Component SuiteCaricamento
Syncfusion Essential Studio EnterpriseCaricamento
immagine del prodotto Syncfusion JavaScript Query Builder UI
Syncfusion JavaScript Query Builder UI consente ai professionisti IT di creare e gestire visivamente condizioni di filtro complesse per grandi set di dati. Supporta l'integrazione con controlli di visualizzazione dei dati e restituisce filtri nei formati JSON e SQL. Il suo sistema di modelli flessibile e il design responsivo si adattano a diversi dispositivi, migliorando l'esperienza di filtraggio dei dati su tutte le piattaforme.

Integrazione del Data Binding

Associa Query Builder a varie origini dati locali e remote, inclusi servizi JSON, OData, WCF e RESTful, usando Data Manager per un recupero e un filtraggio efficienti dei dati.

Creazione e Raggruppamento dei Filtri

Crea più condizioni di filtro e raggruppale logicamente con operatori AND/OR, consentendo definizioni di query complesse con aggiunte e rimozioni di regole semplici.

Formati di Output JSON e SQL

Esporta e importa filtri usando JSON strutturato, SQL inline, SQL parametrizzato, SQL con parametri denominati o formati di query Mongo per un'integrazione flessibile con il backend.

Personalizzazione dei Template

Personalizza elementi dell'interfaccia utente come campi, operatori e input dei valori incorporando controlli come caselle di controllo, slider e menu a discesa tramite template di intestazione, regole e valori.

Layout Responsivo e Adattivo

Presenta un'interfaccia utente altamente responsiva ottimizzata per desktop, tablet e smartphone su tutte le principali piattaforme, incluse iOS, Android e Windows.

Visualizzazione della Vista Riepilogo

Offre una vista riepilogo che mostra il filtro costruito in formato SQL, consentendo agli utenti di rivedere rapidamente la logica della query.

Supporto al Model Binding

Supporta il model binding consentendo l'assegnazione delle proprietà del componente per le colonne field, operator e value per personalizzare comportamento e aspetto.

Blocco e Clonazione di Regole/Gruppi

Abilita il blocco per impedire modifiche a specifiche regole o gruppi di filtro, e clona regole o gruppi esistenti per semplificare la creazione delle query.

Accessibilità e Localizzazione

Conforme agli standard WAI-ARIA e WCAG 2.0, con supporto per screen reader, navigazione da tastiera, lingue da destra a sinistra e formattazione basata sulla località.

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

  • JavaScript vanilla