Syncfusion React Query Builder UI

SyncfusionEditor di queryJavaScript

Crea filtri dati complessi in modo intuitivo nelle applicazioni React.

  • Collega e filtra i dati senza sforzo con il supporto JSON e SQL.
  • Personalizza i controlli di input usando i template per una maggiore flessibilità dell'UI.
  • Design reattivo ottimizzato per desktop, tablet e dispositivi mobili.
Syncfusion logo

Prezzi da:

Caricamento...
Disponibile in
Syncfusion Essential Studio UI Component SuiteCaricamento
Syncfusion Essential Studio EnterpriseCaricamento
immagine del prodotto Syncfusion React Query Builder UI
Syncfusion React Query Builder UI fornisce un'interfaccia dinamica per la creazione e la gestione di criteri di filtro complessi all'interno delle applicazioni React. Genera un output JSON strutturato compatibile con query SQL e si integra perfettamente con i componenti di visualizzazione dei dati per mostrare i risultati filtrati. Il suo sistema di templating flessibile consente l'integrazione di controlli di input personalizzati, migliorando l'interazione dell'utente e l'adattabilità dell'interfaccia.

Interfaccia di filtro intuitiva

Consente agli utenti di creare e raggruppare più condizioni di filtro usando la logica AND/OR, permettendo la costruzione di query complesse in modo semplice e intuitivo.

Output JSON strutturato e SQL

Genera query di filtro in JSON strutturato, che possono essere facilmente analizzate o convertite in istruzioni SQL, consentendo l'integrazione backend con i database.

Data Binding senza sforzo

Supporta origini dati locali e remote, inclusi JSON, OData, servizi RESTful, e si integra con Data Manager di Syncfusion per operazioni sui dati coerenti.

Personalizzazione dell'UI basata su template

Consente agli sviluppatori di aggiungere elementi di input personalizzati come checkbox, slider e menu a discesa tramite template di intestazione, regola e valore per adattare l'esperienza utente.

Design reattivo e multipiattaforma

Ottimizzato per l'uso su dispositivi tra cui desktop, smartphone e tablet, garantendo usabilità su piattaforme iOS, Android e Windows.

Opzioni di tema e aspetto

Include diversi temi integrati come Material, Bootstrap e Fluent con la possibilità di personalizzare tramite lo strumento online Theme Studio.

Funzionalità avanzate di query

Supporta query SQL parametrizzate, parametri denominati, query MongoDB e fornisce metodi per importare/esportare questi formati per aumentare la flessibilità delle query.

Gestione di regole e gruppi

Offre funzionalità per clonare e bloccare singole regole o gruppi, impedendo modifiche non autorizzate e consentendo la duplicazione di filtri complessi.

Supporto drag and drop

Gli utenti possono riposizionare regole o gruppi con interazioni drag and drop, rendendo la costruzione delle query più intuitiva e adattabile.

Globalizzazione e localizzazione

Fornisce supporto per formattare stringhe ed elementi dell'interfaccia in base a diverse impostazioni locali e lingue, ampliandone l'usabilità in tutto il mondo.

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

  • React