Los componentes de filtro de Looker proporcionan las completas funciones de filtro de Looker para aplicaciones de datos personalizadas que se crean sobre Looker.
Componentes de Looker
Los componentes de Looker son elementos prediseñados de la aplicación de Looker basados en React. Los desarrolladores de aplicaciones pueden usar componentes en aplicaciones de datos y extensiones creadas a partir de Looker.
Los componentes se pueden usar con el framework de extensiones de Looker y el SDK de inserción de Looker.
Componentes de filtro de Looker
Los componentes de filtros proporcionan la completa función de filtros de Looker para aplicaciones de datos creadas a medida y paneles de Looker insertados personalizados. Al usar la API de Looker (a través de un SDK o una extensión) para obtener el JSON de un panel de control determinado, los desarrolladores pueden incluir el componente de filtro en su aplicación y transferir las propiedades de cada filtro del panel de control. El componente renderizará cada filtro según su campo y la configuración de la interfaz de usuario almacenada.
El paquete de componentes de filtros ofrece 12 tipos de controles de filtros, similares a los controles disponibles en los paneles de Looker:
- Grupo de botones
- Casilla
- Lista de etiquetas
- Control deslizante de intervalo
- Botón de alternancia
- Botón de opción
- Menú desplegable
- Control deslizante
- Un solo día
- Periodo
- Plazo
- Avanzado
Los componentes de filtro se proporcionan a través de dos paquetes que funcionan conjuntamente: @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 del panel de control. 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 filtro?
Los componentes de filtro liberan tiempo de los desarrolladores y permiten a los analistas que trabajan en Looker crear y mantener experiencias de usuario sólidas y personalizables. Los componentes de filtro de Looker ofrecen las siguientes ventajas:
- Experiencias de filtro de alta calidad: los componentes de filtro proporcionan 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.
- Acelerar el desarrollo: los componentes de filtros proporcionan acceso inmediato a los filtros, lo que permite a los desarrolladores centrarse en otras tareas y acelerar el desarrollo en general.
- Personalización: los controles de filtro se pueden personalizar para que se adapten al aspecto de tu aplicación, extensión o panel de control insertado. Los desarrolladores pueden usar componentes de filtro para ofrecer más personalización que nunca.
- Vinculados a paneles de Looker: un componente de filtro se puede conectar directamente a un filtro de un panel de Looker, y se renderizará una versión de ese filtro en la aplicación, extensión o elemento insertado de Looker que utilice el componente. Cualquier usuario que tenga acceso de edición al panel de Looker conectado al componente de filtro puede editar el filtro en el panel de Looker, lo que actualiza el filtro en la aplicación, la extensión o el elemento insertado. De esta forma, los desarrolladores pueden dedicar su tiempo a otras tareas, ya que no es necesario que intervengan cada vez que haya un motivo empresarial para ajustar un filtro.
- Vinculados al modelo de Looker: los componentes de filtro detectan los cambios que se producen en el modelo de Looker en el que se basan, lo que significa que los campos de filtro y otras opciones son dinámicos y se actualizan junto con el modelo subyacente.
Instalar y usar componentes de filtro
Descarga los paquetes @looker/filter-components y @looker/filter-expressions del repositorio @looker/components de NPM.
Puedes consultar información sobre cómo instalar y usar los paquetes de componentes de filtro en el documento README de cada paquete, disponible en NPM o GitHub.
En GitHub hay disponible una aplicación de demostración de componentes de filtro. Las instrucciones para usar la demo se encuentran en el archivo README.