Les composants de filtre Looker offrent la fonctionnalité de filtrage enrichie 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 et extensions de données basés sur Looker.
Les composants peuvent être utilisés avec le framework d'extension Looker et le SDK Embed de Looker.
Composants des filtres Looker
Les composants de filtre offrent la fonctionnalité de filtrage enrichie 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 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 de son champ et de la configuration d'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 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, 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 filtre en structures de données pouvant être utilisées par @looker/filter-components.
Pourquoi utiliser des composants de filtre ?
Les composants de filtrage libèrent du temps pour les développeurs et permettent aux analystes qui travaillent dans Looker de créer et de maintenir 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 offrent la logique de filtrage enrichie de Looker et un large éventail de commandes de filtrage pour s'adapter au mieux aux types de filtres dont vous avez besoin.
- Accélérer le développement : les composants de filtre offrent un accès clé en main aux filtres. Ils permettent aux développeurs de se concentrer sur d'autres tâches et accélèrent le développement global.
- Personnalisation : vous pouvez personnaliser les commandes de filtrage en fonction de l'apparence de votre application, de votre extension ou de votre tableau de bord intégré. Les composants de filtre permettent aux développeurs d'offrir une personnalisation plus poussée que jamais.
- Associé aux tableaux de bord Looker : un composant de filtre peut être connecté directement à un filtre d'un tableau de bord Looker. Une version de ce filtre est alors affichée dans l'application, l'extension ou l'intégration Looker utilisant le composant. Tout utilisateur autorisé à modifier le tableau de bord Looker connecté au composant de filtre peut modifier le filtre dans le tableau de bord Looker, ce qui met à jour le filtre dans l'application, l'extension ou l'intégration. Cela permet aux développeurs de gagner du temps, car un développeur n'est pas requis chaque fois qu'il existe une raison commerciale d'ajuster un filtre.
- Associés au modèle Looker : les composants de filtre sont informés des modifications apportées au modèle Looker sur lequel ils sont compilés, ce qui signifie que les champs de filtre et d'autres options sont dynamiques et se mettent à jour en même temps que les mises à jour du modèle sous-jacent.
Installer et utiliser les 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 des composants de filtre dans le document 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 cette démonstration sont disponibles dans le document README.