Les composants de filtre Looker fournissent la fonctionnalité de filtrage avancée de Looker pour les applications de données personnalisées basées sur Looker.
Composants Looker
Les composants 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'extension Looker et le SDK d'intégration de Looker.
Composants de filtre Looker
Les composants de filtre fournissent la fonctionnalité de filtrage avancée de Looker pour les applications de données personnalisées et les tableaux de bord Looker intégrés personnalisés. En utilisant l'API Looker (via un SDK ou une extension) pour extraire le fichier 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 du tableau de bord. Le composant affichera ensuite chaque filtre en fonction de son 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 aux commandes disponibles pour les tableaux de bord de Looker:
- Groupe de boutons
- Case à cocher
- Liste des tags
- Curseur de plage
- Bouton d'activation/de désactivation
- Case d'option
- Menu déroulant
- Curseur
- Un 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, d'un type de filtre et d'expressions de filtre actuelles, qui sont disponibles à partir de n'importe quel filtre de tableau de bord. Le package @looker/filter-expressions transforme les expressions de filtrage 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:
- Expériences de filtrage de haute qualité : les composants de filtre fournissent la logique de filtrage avancée de Looker et une large gamme de commandes de filtrage pour s'adapter au mieux aux types de filtres dont vous avez besoin.
- Accélérez le développement : les composants de filtre fournissent un accès "plug-and-play" 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 : les commandes de filtres peuvent être personnalisées en fonction de l'apparence de votre application, de votre extension ou de votre tableau de bord intégré. Les développeurs peuvent utiliser des composants de filtre pour offrir une personnalisation plus poussée que jamais.
- Associé à des tableaux de bord Looker : un composant de filtre peut être associé directement à un filtre d'un tableau de bord Looker. Une version de ce filtre sera alors affichée dans l'application, l'extension ou l'intégration Looker qui utilise le composant. Tout utilisateur disposant d'un accès en modification au tableau de bord Looker associé au composant de filtre peut modifier le filtre dans le tableau de bord Looker, ce qui le met à jour dans l'application, l'extension ou l'intégration. Cela libère du temps pour les développeurs, car ils ne sont pas nécessaires chaque fois qu'un filtre doit être ajusté pour des raisons commerciales.
- Associés au modèle Looker : les composants de filtre sont conscients des modifications apportées au modèle Looker sur lequel ils sont créés. Cela signifie que les champs de filtre et les autres options sont dynamiques et seront mis à jour avec les mises à jour du 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.
Pour en savoir plus sur l'installation et l'utilisation des packages de composants de filtre, consultez le fichier README de chaque package, disponible dans NPM ou sur GitHub.
Une application de démonstration des composants de filtre est disponible sur GitHub. Les instructions d'utilisation de la démonstration figurent dans le fichier README.