Infragistics Ignite UI for Angular Query Builder

InfragisticsEditores de consultasJavaScript

Visualiza y construye consultas de datos complejas con facilidad.

  • Crea visualmente consultas complejas de filtrado de datos en varias tablas.
  • Admite subconsultas anidadas mediante los operadores IN/NOT IN.
  • Ofrece arrastrar y soltar y reordenación con teclado para expresiones de consulta.
Infragistics logo

Precios desde:

Cargando...
Disponible en
Infragistics Ignite UI for AngularCargando
Infragistics Ignite UICargando
Infragistics ProfessionalCargando
Infragistics UltimateCargando
¿Necesitas ayuda para elegir? Consulta Cómo comprar y la especificación
imagen del producto Infragistics Ignite UI for Angular Query Builder
El componente Query Builder de Ignite UI for Angular proporciona una interfaz visual para crear intrincadas expresiones de filtrado de datos en múltiples entidades. Admite subconsultas anidadas y un intuitivo reordenamiento mediante arrastrar y soltar, lo que permite a los desarrolladores crear consultas sin escribir SQL. El componente genera una estructura serializable ideal para la integración con orígenes de datos de backend.

Construcción visual de consultas

Crea árboles de expresiones que permiten la construcción de filtros complejos con operadores lógicos AND/OR mediante una interfaz de usuario enriquecida y adaptada para aplicaciones Angular.

Compatibilidad con consultas de varias tablas

Facilita la creación de consultas que abarcan varias tablas o entidades, combinando orígenes de datos para crear criterios de filtrado completos dentro de un único componente de interfaz de usuario.

Subconsultas anidadas con IN/NOT IN

Permite a los desarrolladores definir consultas anidadas mediante los operadores IN y NOT IN, lo que permite incrustar subconsultas directamente a través de la interfaz para escenarios de filtrado avanzados.

Arrastrar y soltar y reordenación con teclado

Admite el reordenamiento de condiciones y grupos mediante arrastrar y soltar con el ratón o con las flechas del teclado, proporcionando una reorganización flexible de las expresiones de consulta para dar forma a la lógica de manera dinámica.

Modelo serializable de árbol de expresiones

Representa la consulta como un FilteringExpressionsTree que se puede serializar a JSON, lo que facilita transferir definiciones de consulta entre el cliente y el servidor.

Plantillas de interfaz de usuario personalizables

Permite la creación de plantillas para encabezados y entradas de valores de búsqueda de condiciones, dando a los desarrolladores control total sobre la apariencia y la interacción dentro de la interfaz del query builder.

Integración con Angular Grid

Diseñado para funcionar con Ignite UI for Angular data grid, lo que permite aplicar al instante las consultas creadas para filtrar eficientemente los datos de la cuadrícula.

Condiciones editables y agrupación

Los usuarios pueden añadir, modificar y agrupar condiciones o expresiones con controles claros de la interfaz y diálogos de confirmación al cambiar de entidad para evitar pérdidas accidentales de datos.

Flexibilidad de temas y estilos

Admite tematización mediante Sass, lo que permite personalizar colores y estilos de componentes como botones, chips e inputs dentro del query builder para que coincidan con el diseño de la aplicación.

Accesibilidad y soporte de teclado

Incluye navegación por teclado y reordenación, con soporte para Tab, Enter, Space, Esc y las flechas para gestionar expresiones de consulta y mejorar la usabilidad para todos los usuarios.

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

  • Angular
  • JavaScript vanilla