Syncfusion React Query Builder UI

SyncfusionÉditeurs de requêtesJavaScript

Créez intuitivement des filtres de données complexes dans les applications React.

  • Liez et filtrez facilement les données avec la prise en charge de JSON et SQL.
  • Personnalisez les contrôles de saisie à l'aide de modèles pour une flexibilité accrue de l'interface utilisateur.
  • Conception responsive optimisée pour les ordinateurs de bureau, les tablettes et les appareils mobiles.
Syncfusion logo

Prix à partir de:

Chargement...
Disponible dans
Syncfusion Essential Studio UI Component SuiteChargement
Syncfusion Essential Studio EnterpriseChargement
image du produit Syncfusion React Query Builder UI
Syncfusion React Query Builder UI fournit une interface dynamique pour construire et gérer des critères de filtrage complexes au sein d'applications React. Il génère une sortie JSON structurée compatible avec les requêtes SQL et s'intègre harmonieusement aux composants de visualisation de données pour afficher les résultats filtrés. Son système de modèles flexible permet l'intégration de contrôles de saisie personnalisés, améliorant l'interaction utilisateur et l'adaptabilité de l'interface.

Interface de filtrage intuitive

Permet aux utilisateurs de créer et de regrouper plusieurs conditions de filtrage à l'aide d'une logique AND/OR, facilitant la construction de requêtes complexes de manière conviviale.

Sortie JSON structurée et SQL

Génère des requêtes de filtrage en JSON structuré, qui peuvent être facilement analysées ou converties en instructions SQL, facilitant l'intégration côté serveur avec des bases de données.

Liaison de données sans effort

Prend en charge les sources de données locales et distantes, y compris JSON, OData, les services RESTful, et s'intègre à Data Manager de Syncfusion pour des opérations de données cohérentes.

Personnalisation de l'interface basée sur des modèles

Permet aux développeurs d'ajouter des éléments de saisie personnalisés comme des cases à cocher, des curseurs et des listes déroulantes via les modèles d'en-tête, de règle et de valeur afin d'adapter l'expérience utilisateur.

Conception responsive et multiplateforme

Optimisé pour une utilisation sur plusieurs appareils, notamment les ordinateurs de bureau, les smartphones et les tablettes, garantissant la convivialité sur les plateformes iOS, Android et Windows.

Options de thème et d'apparence

Inclut plusieurs thèmes intégrés tels que Material, Bootstrap et Fluent, avec la possibilité de personnaliser via l'outil en ligne Theme Studio.

Fonctionnalités avancées de requête

Prend en charge les requêtes SQL paramétrées, les paramètres nommés, les requêtes MongoDB, et fournit des méthodes d'importation/exportation de ces formats pour améliorer la flexibilité des requêtes.

Gestion des règles et des groupes

Offre des fonctionnalités permettant de cloner et de verrouiller des règles ou des groupes individuels, empêchant les modifications non autorisées et facilitant la duplication de filtres complexes.

Prise en charge du glisser-déposer

Les utilisateurs peuvent repositionner des règles ou des groupes grâce aux interactions par glisser-déposer, rendant la construction des requêtes plus intuitive et adaptable.

Internationalisation et localisation

Offre une prise en charge du formatage des chaînes et des éléments d'interface selon différentes régions et langues, élargissant son utilité dans le monde entier.

Compatibilité du produit

Consultez les détails ci-dessous pour vous assurer que ce produit est pris en charge dans votre environnement.

Type de composant

  • JavaScript

Plateforme JavaScript

  • React