Componentes del filtro de Looker

Los componentes de filtro de Looker proporcionan una funcionalidad de filtro enriquecida de Looker para aplicaciones de datos personalizados que se basan en Looker.

Componentes de Looker

Los componentes de Looker son piezas compiladas previamente de React de la aplicación de Looker. Los desarrolladores de aplicaciones pueden usar componentes en aplicaciones de datos y extensiones que se basan en Looker.

Los componentes se pueden utilizar con el marco de trabajo de extensiones de Looker y el SDK de incorporación de Looker.

Componentes del filtro de Looker

Los componentes de filtro proporcionan una funcionalidad de filtro enriquecida de Looker para aplicaciones de datos personalizadas y paneles personalizados de Looker incorporados. Con la API de Looker (mediante un SDK o una extensión) a fin de recuperar JSON para un panel determinado, los desarrolladores pueden incluir el componente de filtro en su aplicación y pasar las propiedades de cada filtro en el panel. Luego, el componente renderizará cada filtro según su campo y la configuración de la IU almacenada.

El paquete de componentes de filtro ofrece 12 tipos de controles de filtro, similares a los controles disponibles para los paneles de Looker:

* Grupo de botones * Casilla de verificación * Lista de etiquetas * Control deslizante de rango * Botón de activación * Botón de selección
* Menú desplegable * Control deslizante * Un solo día * Período * Período * Avanzado

Los componentes de filtro se entregan a través de dos paquetes que funcionan juntos: @looker/filter-components y @looker/filter-expressions. El paquete @looker/filter-components procesa un componente de filtro mediante un campo, un tipo de filtro y expresiones de filtro actuales, que están disponibles desde cualquier filtro de panel. El paquete @looker/filter-expressions transforma las expresiones de filtro en estructuras de datos que puede usar @looker/filter-components.

¿Por qué usar componentes de filtros?

Los componentes de filtro liberan el tiempo de los desarrolladores y permiten que los analistas que trabajan en Looker creen y mantengan experiencias del usuario sólidas y personalizables. Los componentes del filtro de Looker proporcionan los siguientes beneficios:

  • Experiencias de filtro de alta calidad: Los componentes de filtro ofrecen la lógica de filtro enriquecida de Looker y una amplia gama de controles de filtro para adaptarse mejor a los tipos de filtros que necesitas.
  • Desarrollo rápido: Los componentes de filtro proporcionan acceso inmediato a los filtros, lo que permite a los desarrolladores enfocarse en otras tareas y acelerar el desarrollo general.
  • Personalización: Los controles de filtros se pueden personalizar según el aspecto de tu aplicación, extensión o panel incorporado. Los desarrolladores pueden usar componentes de filtro para proporcionar más personalización que nunca.
  • Vinculada a los paneles de Looker: Un componente de filtro se puede conectar directamente a un filtro en un panel de Looker, y una versión de ese filtro se renderizará en la aplicación, extensión o incorporación de Looker que use el componente. Cualquier usuario que tenga acceso de edición al panel de Looker que está conectado al componente de filtro puede editar el filtro en el panel de Looker, que actualiza el filtro en la aplicación, la extensión o la incorporación. Esto libera tiempo para el desarrollador porque no se requiere que cada vez que exista un motivo empresarial para ajustar un filtro.
  • Vinculados al modelo de Looker: Los componentes de filtro conocen los cambios en el modelo de Looker en el que se compilan, lo que significa que los campos de filtro y otras opciones son dinámicos y se actualizarán junto con las actualizaciones del modelo subyacente.

Instala y usa componentes de filtro

Descarga los paquetes @looker/filter-components y @looker/filter-expressions del repositorio de NPM @looker/components.

La información sobre la instalación y el uso de los paquetes de filtros se encuentra en el documento README de cada paquete, disponible en NPM o GitHub.

En GitHub, hay una aplicación de demostración de componentes de filtro disponible. Las instrucciones para usar la demostración aparecen en su documento README.