Os componentes de filtro do Looker oferecem a funcionalidade de filtro avançada do Looker para aplicações de dados personalizadas criadas com base no Looker.
Componentes do Looker
Os componentes do Looker são partes pré-criadas da aplicação do Looker baseadas no React. Os programadores de aplicações podem usar componentes em aplicações de dados e extensões criadas com base no Looker.
Os componentes podem ser usados com a estrutura de extensões do Looker e o SDK de incorporação do Looker.
Componentes de filtro do Looker
Os componentes de filtro oferecem a funcionalidade de filtro avançada do Looker para aplicações de dados criadas de forma personalizada e painéis de controlo do Looker incorporados personalizados. Ao usar a API Looker (através de um SDK ou de uma extensão) para obter JSON para um determinado painel de controlo, os programadores podem incluir o componente de filtro na respetiva aplicação e transmitir as propriedades de cada filtro no painel de controlo. Em seguida, o componente renderiza cada filtro de acordo com o respetivo campo e configuração da IU armazenada.
O pacote de componentes de filtro oferece 12 tipos de controlos de filtro, semelhantes aos controlos disponíveis para os painéis de controlo do Looker:
- Grupo de botões
- Caixa de verificação
- Lista de etiquetas
- Controlo de deslize de intervalos
- Botão ativar/desativar
- Botão de opção
- Menu pendente
- Controlo de deslize
- Um dia
- Intervalo de datas
- Período
- Avançada
Os componentes de filtro são fornecidos através de dois pacotes que funcionam em conjunto: @looker/filter-components e @looker/filter-expressions. O pacote @looker/filter-components renderiza um componente de filtro através de um campo, um tipo de filtro e expressões de filtro atuais, que estão disponíveis a partir de qualquer filtro do painel de controlo. O pacote @looker/filter-expressions transforma expressões de filtro em estruturas de dados que podem ser usadas pelo @looker/filter-components.
Por que motivo deve usar componentes de filtro?
Os componentes de filtro libertam tempo dos programadores e permitem que os analistas que trabalham no Looker criem e mantenham experiências do utilizador robustas e personalizáveis. Os componentes de filtro do Looker oferecem as seguintes vantagens:
- Experiências de filtragem de alta qualidade: os componentes de filtro oferecem a lógica de filtragem avançada do Looker e uma vasta gama de controlos de filtro para se adaptarem melhor aos tipos de filtros de que precisa.
- Acelerar o desenvolvimento: os componentes de filtro oferecem acesso "pronto a usar" aos filtros, o que permite aos programadores focarem-se noutras tarefas e acelerar o desenvolvimento geral.
- Personalização: os controlos de filtro podem ser personalizados de acordo com o aspeto e a funcionalidade da sua aplicação, extensão ou painel de controlo incorporado. Os programadores podem usar componentes de filtro para oferecer mais personalização do que nunca.
- Associado a painéis de controlo do Looker: um componente de filtro pode ser associado diretamente a um filtro num painel de controlo do Looker, e é renderizada uma versão desse filtro na aplicação, extensão ou incorporação do Looker que está a usar o componente. Qualquer utilizador com acesso de edição ao painel de controlo do Looker associado ao componente de filtro pode editar o filtro no painel de controlo do Looker, o que atualiza o filtro na aplicação, na extensão ou na incorporação. Isto liberta tempo do programador, uma vez que não é necessário um programador sempre que houver um motivo comercial para ajustar um filtro.
- Associado ao modelo do Looker: os componentes de filtro têm conhecimento das alterações ao modelo do Looker no qual são criados, o que significa que os campos de filtro e outras opções são dinâmicos e são atualizados juntamente com as atualizações ao modelo subjacente.
Instalar e usar componentes de filtro
Transfira os pacotes @looker/filter-components e @looker/filter-expressions do repositório @looker/components NPM.
Pode encontrar informações sobre a instalação e a utilização dos pacotes de componentes de filtros no documento README de cada pacote, disponível no NPM ou no GitHub.
Está disponível uma aplicação de demonstração de componentes de filtro no GitHub. As instruções para usar a demonstração aparecem no respetivo documento README.