Syncfusion React Query Builder UI

SyncfusionEditores de consultasJavaScript

Crea filtros de datos complejos de forma intuitiva en aplicaciones React.

  • Vincula y filtra datos sin esfuerzo con soporte para JSON y SQL.
  • Personaliza los controles de entrada mediante plantillas para una mayor flexibilidad de la interfaz de usuario.
  • Diseño adaptable optimizado para ordenadores de sobremesa, tabletas y dispositivos móviles.
Syncfusion logo

Precios desde:

Cargando...
Disponible en
Syncfusion Essential Studio UI Component SuiteCargando
Syncfusion Essential Studio EnterpriseCargando
imagen del producto Syncfusion React Query Builder UI
Syncfusion React Query Builder UI proporciona una interfaz dinámica para construir y gestionar criterios de filtrado complejos dentro de aplicaciones React. Genera una salida JSON estructurada compatible con consultas SQL y se integra sin problemas con componentes de visualización de datos para mostrar los resultados filtrados. Su flexible sistema de plantillas permite incorporar controles de entrada personalizados, mejorando la interacción del usuario y la adaptabilidad de la interfaz.

Interfaz de filtrado intuitiva

Permite a los usuarios crear y agrupar múltiples condiciones de filtrado usando lógica AND/OR, posibilitando la construcción de consultas complejas de forma sencilla e intuitiva.

Salida estructurada en JSON y SQL

Genera consultas de filtro en JSON estructurado, que se pueden analizar fácilmente o convertir en sentencias SQL, facilitando la integración del backend con bases de datos.

Vinculación de datos sin esfuerzo

Admite fuentes de datos locales y remotas, incluidas JSON, OData, servicios RESTful, e integra con Data Manager de Syncfusion para operaciones de datos coherentes.

Personalización de la interfaz basada en plantillas

Permite a los desarrolladores añadir elementos de entrada personalizados como casillas de verificación, deslizadores y menús desplegables mediante plantillas de encabezado, regla y valor para adaptar la experiencia del usuario.

Diseño adaptable y multiplataforma

Optimizado para su uso en distintos dispositivos, incluidos ordenadores de sobremesa, smartphones y tabletas, garantizando la usabilidad en plataformas iOS, Android y Windows.

Opciones de tema y apariencia

Incluye varios temas integrados como Material, Bootstrap y Fluent, con la posibilidad de personalizarlos mediante la herramienta en línea Theme Studio.

Funciones avanzadas de consulta

Admite consultas SQL parametrizadas, parámetros con nombre, consultas MongoDB y proporciona métodos para importar y exportar estos formatos para mejorar la flexibilidad de las consultas.

Gestión de reglas y grupos

Ofrece funcionalidades para clonar y bloquear reglas o grupos individuales, evitando cambios no autorizados y permitiendo la duplicación de filtros complejos.

Compatibilidad con arrastrar y soltar

Los usuarios pueden reubicar reglas o grupos mediante interacciones de arrastrar y soltar, lo que hace que la construcción de consultas sea más intuitiva y adaptable.

Globalización y localización

Proporciona compatibilidad para formatear cadenas y elementos de la interfaz según diferentes configuraciones regionales e idiomas, ampliando su usabilidad en todo el mundo.

Compatibilidad del producto

Revise los detalles a continuación para asegurarse de que este producto sea compatible con su entorno.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • React