Syncfusion JavaScript Query Builder UI

SyncfusionÉditeurs de requêtesJavaScript

Créez des filtres de données complexes avec des composants d'interface utilisateur personnalisables.

  • Génère des filtres aux formats de requête JSON structuré et SQL.
  • Prend en charge l'intégration avec la visualisation des données et Data Manager.
  • Offre une conception réactive et des modèles personnalisables pour les éléments d'interface utilisateur.
Syncfusion logo

Prix à partir de:

Chargement...
Disponible dans
Syncfusion Essential Studio UI Component SuiteChargement
Syncfusion Essential Studio EnterpriseChargement
image du produit Syncfusion JavaScript Query Builder UI
L'interface utilisateur Syncfusion JavaScript Query Builder permet aux professionnels de l'informatique de créer et de gérer visuellement des conditions de filtrage complexes pour de বৃহigs ensembles de données. Elle prend en charge l'intégration avec des contrôles de visualisation de données et génère des filtres aux formats JSON et SQL. Son système de modèles flexible et sa conception réactive s'adaptent à différents appareils, améliorant l'expérience de filtrage des données sur toutes les plateformes.

Intégration du data binding

Liez le Query Builder à diverses sources de données locales et distantes, notamment JSON, OData, WCF et les services RESTful, à l'aide de Data Manager pour une récupération et un filtrage efficaces des données.

Création et regroupement de filtres

Créez plusieurs conditions de filtre et regroupez-les logiquement avec les opérateurs AND/OR, ce qui permet de définir des requêtes complexes avec l'ajout et la suppression faciles de règles.

Formats de sortie JSON et SQL

Exportez et importez des filtres à l'aide de JSON structuré, SQL en ligne, SQL paramétré, SQL à paramètres nommés ou des formats de requête Mongo pour une intégration flexible avec le backend.

Personnalisation des modèles

Personnalisez les éléments d'interface utilisateur tels que les champs, les opérateurs et les saisies de valeurs en intégrant des contrôles comme des cases à cocher, des curseurs et des listes déroulantes via des modèles d'en-tête, de règle et de valeur.

Mise en page réactive et adaptative

Présente une interface utilisateur hautement réactive, optimisée pour les ordinateurs de bureau, les tablettes et les smartphones sur les principales plateformes, notamment iOS, Android et Windows.

Affichage de la vue récapitulative

Propose une vue récapitulative qui affiche le filtre construit au format SQL, permettant aux utilisateurs de vérifier rapidement la logique de la requête.

Prise en charge du data binding modèle

Prend en charge le data binding modèle en permettant l'affectation des propriétés du composant pour les colonnes field, operator et value afin de personnaliser le comportement et l'apparence.

Verrouillage et clonage des règles/groupes

Activez le verrouillage pour empêcher les modifications apportées à des règles ou groupes de filtres spécifiques, et clonez les règles ou groupes existants pour simplifier la création de requêtes.

Accessibilité et localisation

Conforme aux normes WAI-ARIA et WCAG 2.0, avec prise en charge des lecteurs d'écran, de la navigation au clavier, des langues de droite à gauche et du formatage basé sur la locale.

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

  • JavaScript vanilla