Les composants de filtre Looker fournissent la fonctionnalité de filtre enrichi de Looker pour les applications de données personnalisées basées sur Looker.
Composants Looker
Les composants de Looker sont des éléments prédéfinis de l'application Looker basés sur React. Les développeurs d'applications peuvent utiliser des composants dans les applications de données et les extensions basées sur Looker.
Les composants peuvent être utilisés avec le framework d'extensions Looker et le SDK Embed de Looker.
Composants de filtres Looker
Les composants de filtre offrent la fonctionnalité de filtre enrichi de Looker pour les applications de données personnalisées et les tableaux de bord Looker intégrés personnalisés. À l'aide de l'API Looker (via un SDK ou une extension) pour récupérer le code JSON d'un tableau de bord donné, les développeurs peuvent inclure le composant de filtre dans leur application et transmettre les propriétés de chaque filtre dans le tableau de bord. Le composant affiche ensuite chaque filtre en fonction du champ et de la configuration de l'interface utilisateur stockée.
Le package de composants de filtre propose 12 types de commandes de filtrage, semblables à celles disponibles pour les tableaux de bord Looker:
- Groupe de boutons
- Case à cocher
- Liste de tags
- Curseur de plage
- Bouton d'activation
- Case d'option
- Menu déroulant
- Curseur
- Un seul jour
- Période
- Délai
- Avancé
Les composants de filtre sont fournis via deux packages qui fonctionnent ensemble: @looker/filter-components et @looker/filter-expressions. Le package @looker/filter-components affiche un composant de filtre à l'aide d'un champ, un type de filtre et des expressions de filtre actuelles, disponibles dans n'importe quel filtre du tableau de bord. Le package @looker/filter-expressions transforme les expressions de filtre en structures de données pouvant être utilisées par @looker/filter-components.
Pourquoi utiliser des composants de filtre ?
Les composants de filtre libèrent du temps pour les développeurs, et permettent aux analystes qui travaillent dans Looker de créer et de gérer des expériences utilisateur robustes et personnalisables. Les composants de filtre Looker offrent les avantages suivants:
- Des expériences de filtrage de haute qualité : les composants de filtrage fournissent la logique de filtrage enrichie de Looker et une large gamme de commandes de filtrage qui correspondent le mieux aux types de filtres dont vous avez besoin.
- Développement rapide : les composants de filtre offrent un accès prêt à l'emploi aux filtres, ce qui permet aux développeurs de se concentrer sur d'autres tâches et d'accélérer le développement global.
- Personnalisation : vous pouvez personnaliser l'apparence des commandes de filtrage de votre application, extension ou tableau de bord intégré. Les développeurs peuvent utiliser des composants de filtre pour offrir plus de personnalisation que jamais.
- Associé à des tableaux de bord Looker : un composant de filtre peut être directement connecté à un filtre sur un tableau de bord Looker. Une version de ce filtre sera affichée dans l'application, l'extension ou l'élément d'intégration Looker qui utilise le composant. Tout utilisateur autorisé à modifier le tableau de bord Looker associé au composant de filtre peut modifier le filtre sur le tableau de bord Looker, ce qui met à jour le filtre dans l'application, l'extension ou l'élément intégré. Cela libère du temps pour les développeurs, car il n'est pas nécessaire de recourir à un développeur chaque fois qu'il y a une raison commerciale d'ajuster un filtre.
- Associé au modèle Looker : les composants de filtre sont compatibles avec les modifications apportées au modèle Looker sur lequel ils sont compilés. Par conséquent, les champs de filtres et les autres options sont dynamiques, et seront mis à jour en même temps que le modèle sous-jacent.
Installer et utiliser des composants de filtre
Téléchargez les packages @looker/filter-components et @looker/filter-expressions à partir du dépôt NPM @looker/components.
Vous trouverez des informations sur l'installation et l'utilisation des packages de composants de filtre dans le document README de chaque package, disponible dans NPM ou GitHub.
Une application de démonstration de composants de filtre est disponible sur GitHub. Vous trouverez les instructions d'utilisation de la démonstration dans son fichier README.