Syncfusion Vue Query Builder UI

SyncfusionEditores de consultasJavaScript

Cree filtros de datos complejos con un componente de interfaz de usuario Vue adaptable.

  • Se integra sin esfuerzo con controles de visualización de datos.
  • Genera consultas de filtro JSON y SQL estructuradas.
  • Admite personalización con plantillas y varios temas.
Syncfusion logo

Precios desde:

Cargando...
Disponible en
Syncfusion Essential Studio UI Component SuiteCargando
Syncfusion Essential Studio EnterpriseCargando
imagen del producto Syncfusion Vue Query Builder UI
La interfaz de usuario de Syncfusion Vue Query Builder ofrece una interfaz dinámica para construir filtros de datos complejos mediante lógica AND/OR. Diseñada para una integración fluida con componentes de visualización de datos como tablas y gráficos, admite diversas fuentes de datos y genera filtros en formatos JSON o SQL. Su diseño adaptable garantiza la usabilidad en equipos de escritorio y dispositivos móviles, a la vez que ofrece una amplia personalización mediante plantillas y temas.

Integración de datos

Vincule datos fácilmente con diversas fuentes locales y remotas, incluidos JSON, OData, WCF y servicios RESTful, utilizando un administrador de datos, lo que permite una gestión de datos flexible y robusta.

Creación flexible de filtros

Los usuarios pueden crear y agrupar varias condiciones mediante lógica AND/OR a través de una interfaz de usuario intuitiva, lo que facilita un filtrado de datos preciso y relevante para escenarios complejos.

Formatos de salida estructurados

Genera filtros JSON estructurados y admite múltiples formatos SQL para consultas de filtro, lo que permite un análisis e integración sencillos con sistemas de backend.

Plantillas de interfaz de usuario personalizables

Admite la adición de controles personalizados como casillas de verificación, controles deslizantes y listas desplegables mediante plantillas de encabezado, regla y valor para adaptar la experiencia de filtrado.

Adaptable y preparado para móviles

Ofrece un diseño altamente adaptable optimizado para equipos de escritorio, pantallas táctiles y smartphones en las plataformas iOS, Android y Windows.

Varios temas integrados

Incluye temas como Fluent, Tailwind CSS, Bootstrap, Material y Fabric, con una herramienta en línea Theme Studio para personalizar los temas fácilmente.

Compatibilidad con globalización y localización

Se adapta a diferentes configuraciones regionales dando formato a las cadenas según las preferencias del usuario, lo que mejora la accesibilidad para una audiencia global.

Capacidades de importación y exportación

Permite importar y exportar reglas de filtro en formatos JSON, SQL (inline, parameterized, named) y consultas Mongo para facilitar el intercambio y la persistencia de datos.

Funciones avanzadas para la integridad de los datos

Ofrece funcionalidad para bloquear y clonar grupos o reglas de filtros, lo que garantiza la integridad de los datos y permite una gestión eficiente de los filtros.

Cumplimiento de accesibilidad

Admite plenamente los estándares de accesibilidad WAI-ARIA y las directrices WCAG 2.0, incluida la interacción con el teclado y la compatibilidad con idiomas de derecha a izquierda.

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

  • Vue.js