Los componentes de filtro de Looker proporcionan la funcionalidad de filtro enriquecido de Looker para aplicaciones de datos personalizadas que se compilan en función de Looker.
Componentes de Looker
Los componentes de Looker son piezas compiladas previamente de la aplicación de Looker basadas en React. Los desarrolladores de aplicaciones pueden usar componentes en aplicaciones de datos y extensiones que se compilan en Looker.
Los componentes se pueden usar con el framework de extensión de Looker y el SDK de Embed de Looker.
Componentes de filtro de Looker
Los componentes de filtro proporcionan la funcionalidad de filtro enriquecida de Looker para aplicaciones de datos personalizadas y paneles personalizados de Looker incorporados. 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 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 almacenada de la IU.
El paquete de componentes del filtro ofrece 12 tipos de controles de filtro, similares a los controles disponibles para los propios 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
- Plazo
- Avanzado
Los componentes de filtros se entregan a través de dos paquetes que funcionan en conjunto: @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 desde 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 liberan tiempo de desarrollo 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 filtros de alta calidad: Los componentes de filtros proporcionan la lógica de filtros enriquecida de Looker y una amplia gama de controles de filtros para adaptarse mejor a los tipos de filtros que necesitas.
- Desarrollo rápido: Los componentes de filtros proporcionan acceso listo para usar 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.
- Vinculado 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 esté usando el componente. Cualquier usuario que tenga acceso de edición al panel de Looker que esté conectado al componente de filtro puede editarlo en el panel de Looker, lo que actualizará el filtro en la aplicación, la extensión o la incorporación. Esto libera tiempo a los desarrolladores, ya que no es necesario que cada vez que haya un motivo empresarial para ajustar el filtro.
- Vinculado al modelo de Looker: Los componentes del filtro conocen los cambios en el modelo de Looker en los 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.
Instalar y usar componentes de filtro
Descarga los paquetes @looker/filter-components y @looker/filter-expressions del repositorio de NPM @looker/components.
Puedes encontrar información sobre la instalación y el uso de los paquetes de componentes del filtro en el documento README para cada paquete, disponible en NPM o GitHub.
Hay una aplicación de demostración de componentes de filtro disponible en GitHub. Las instrucciones para usar la demostración aparecen en su documento README.