Los componentes del filtro de Looker proporcionan esta funcionalidad para las aplicaciones de datos personalizados que se compilan sobre Looker.
Componentes de Looker
Los componentes de Looker son piezas precompiladas basadas en React de la aplicación de Looker. Los desarrolladores de aplicaciones pueden usar componentes en aplicaciones y extensiones de datos que se compilan sobre Looker.
Los componentes se pueden usar con el framework de extensiones de Looker y el SDK de Embed de Looker.
Componentes del filtro de Looker
Los componentes de filtrado proporcionan la amplia funcionalidad de filtro de Looker para aplicaciones de datos personalizadas y paneles personalizados incorporados de Looker. Con la API de Looker (a través de un SDK o una extensión) para recuperar JSON de un panel determinado, los desarrolladores pueden incluir el componente del 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 del filtro ofrece 12 tipos de controles de filtro, similares a los controles disponibles para los paneles propios 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
- Plazo
- Avanzado
Los componentes de los filtros se entregan a través de dos paquetes que funcionan juntos: @looker/filter-components y @looker/filter-expressions. El paquete @looker/filter-components renderiza un componente de filtro mediante un campo, un tipo de filtro y expresiones de filtro actuales, que están disponibles en cualquier filtro de panel. El paquete @looker/filter-expressions transforma las expresiones de filtro en estructuras de datos que @looker/filter-components puede usar.
¿Por qué usar componentes de filtro?
Los componentes de filtro ahorran tiempo para los desarrolladores y permiten a los analistas que trabajan en Looker crear y mantener 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 proporcionan la lógica de filtrado completa de Looker y una amplia variedad de controles de filtros para adaptarse mejor a los tipos de filtros que necesitas.
- Desarrollo rápido: Los componentes de los filtros brindan acceso listo para usar a los filtros, lo que permite a los desarrolladores centrarse 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 filtros para proporcionar más personalización que nunca.
- Vinculado a los paneles de Looker: Un componente de filtro se puede conectar directamente a un filtro en un panel de Looker, y se renderizará una versión de ese filtro 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 del filtro puede editar el filtro en el panel de Looker, que lo actualizará en la aplicación, extensión o incorporación. Esto libera tiempo del desarrollador, ya que no es necesario cada vez que existe un motivo comercial para ajustar un filtro.
- Vinculados al modelo de Looker: Los componentes del filtro reconocen los cambios en el modelo de Looker en el que se crean, 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 de @looker/components.
Puedes encontrar información sobre la instalación y el uso de los paquetes de componentes del filtro en el documento README de cada paquete, disponible en NPM o GitHub.
Hay una aplicación de demostración de componentes de filtros disponible en GitHub. Las instrucciones para usar la demostración aparecen en el documento README.