Syncfusion Vue Query Builder UI

SyncfusionEditor di queryJavaScript

Crea filtri dati complessi con un componente UI Vue reattivo.

  • Si integra senza sforzo con i controlli di visualizzazione dei dati.
  • Produce query di filtro JSON e SQL strutturate.
  • Supporta la personalizzazione con template e temi multipli.
Syncfusion logo

Prezzi da:

Caricamento...
Disponibile in
Syncfusion Essential Studio UI Component SuiteCaricamento
Syncfusion Essential Studio EnterpriseCaricamento
immagine del prodotto Syncfusion Vue Query Builder UI
Syncfusion Vue Query Builder UI fornisce un'interfaccia dinamica per costruire filtri dati complessi utilizzando la logica AND/OR. Progettato per una perfetta integrazione con componenti di visualizzazione dei dati come griglie e grafici, supporta varie origini dati e produce filtri in formato JSON o SQL. Il suo design reattivo garantisce l'usabilità su desktop e dispositivi mobili, offrendo al contempo un'ampia personalizzazione tramite template e temi.

Integrazione dei dati

Associa facilmente i dati con varie origini locali e remote, inclusi JSON, OData, WCF e servizi RESTful, utilizzando un data manager, consentendo una gestione dei dati flessibile e robusta.

Creazione flessibile dei filtri

Gli utenti possono creare e raggruppare più condizioni utilizzando la logica AND/OR tramite un'interfaccia utente intuitiva, facilitando un filtraggio preciso dei dati pertinente a scenari complessi.

Formati di output strutturati

Genera filtri JSON strutturati e supporta più formati SQL per le query di filtro, consentendo un'analisi e un'integrazione semplici con i sistemi backend.

Template UI personalizzabili

Supporta l'aggiunta di controlli personalizzati come checkbox, slider e menu a discesa utilizzando i template di intestazione, regola e valore per adattare l'esperienza di filtro.

Reattivo e pronto per il mobile

Offre un layout altamente reattivo ottimizzato per desktop, touchscreen e smartphone su piattaforme iOS, Android e Windows.

Molti temi integrati

Include temi come Fluent, Tailwind CSS, Bootstrap, Material e Fabric, con uno strumento online Theme Studio per una facile personalizzazione dei temi.

Supporto per globalizzazione e localizzazione

Si adatta a diverse impostazioni locali formattando le stringhe in base alle preferenze dell'utente, migliorando l'accessibilità per un pubblico globale.

Funzionalità di importazione ed esportazione

Consente di importare ed esportare regole di filtro nei formati JSON, SQL (inline, parametrizzato, con nome) e query Mongo per facilitare lo scambio e la persistenza dei dati.

Funzionalità avanzate per l'integrità dei dati

Fornisce funzionalità per bloccare e clonare gruppi o regole di filtro, garantendo l'integrità dei dati e consentendo una gestione efficiente dei filtri.

Conformità all'accessibilità

Supporta pienamente gli standard di accessibilità WAI-ARIA e le linee guida WCAG 2.0, inclusa l'interazione da tastiera e il supporto per le lingue da destra a sinistra.

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

  • Vue.js