Looker-Filterkomponenten

Die Filterkomponenten von Looker bieten die umfassende Filterfunktionalität von Looker für benutzerdefinierte Datenanwendungen, die auf Looker aufbauen.

Looker-Komponenten

Looker-Komponenten sind auf React basierende, vorgefertigte Teile der Looker-Anwendung. Anwendungsentwickler können Komponenten in Datenanwendungen und -erweiterungen verwenden, die auf Looker aufgebaut sind.

Komponenten können mit dem Looker-Erweiterungs-Framework und dem Einbettungs-SDK von Looker verwendet werden.

Looker-Filterkomponenten

Filterkomponenten bieten die umfassende Filterfunktionalität von Looker für benutzerdefinierte Datenanwendungen und benutzerdefinierte eingebettete Looker-Dashboards. Mit der Looker API (über ein SDK oder eine Erweiterung) zum Abrufen von JSON für ein bestimmtes Dashboard können Entwickler die Filterkomponente in ihre Anwendung einbinden und die Eigenschaften der einzelnen Filter an das Dashboard übergeben. Die Komponente rendert dann jeden Filter entsprechend seinem Feld und der gespeicherten UI-Konfiguration.

Das Filterkomponenten-Paket enthält 12 Arten von Filtersteuerungen, ähnlich den Steuerelementen, die für Lookers eigene Dashboards verfügbar sind:

  • Schaltflächengruppe
  • Kästchen
  • Tag-Liste
  • Schieberegler für den Bereich
  • Ein-/Aus-Schaltfläche
  • Optionsfeld
  • Dropdown-Menü
  • Schieberegler
  • Einzelner Tag
  • Zeitraum
  • Zeitraum
  • Erweitert

Filterkomponenten werden über zwei Pakete gesendet, die zusammenarbeiten: @looker/filter-components und @looker/filter-expressions. Das Paket @looker/filter-components rendert eine Filterkomponente mithilfe von einem Feld, einem Filtertyp und aktuellen Filterausdrücken, die über jeden Dashboardfilter verfügbar sind. Das @looker/filter-expressions-Paket wandelt Filterausdrücke in Datenstrukturen um, die von @looker/filter-components verwendet werden können.

Vorteile von Filterkomponenten

Filterkomponenten sparen Entwicklerzeit und ermöglichen es Analysten, die in Looker arbeiten, robuste, anpassbare Benutzererlebnisse zu erstellen und zu pflegen. Looker-Filterkomponenten bieten folgende Vorteile:

  • Hochwertige Filter – Filterkomponenten bieten die umfassende Filterlogik von Looker und eine breite Palette von Filtersteuerungen, um Ihren Filtertypen bestmöglich gerecht zu werden.
  • Entwicklung schneller: Filterkomponenten bieten sofortigen Zugriff auf Filter, sodass sich Entwickler auf andere Aufgaben konzentrieren können und die gesamte Entwicklung beschleunigt wird.
  • Anpassung: Filtersteuerungen können an das Design Ihrer Anwendung, Erweiterung oder eingebettetem Dashboard angepasst werden. Entwickler können Filterkomponenten verwenden, um mehr Anpassungsmöglichkeiten als je zuvor zu bieten.
  • Mit Looker-Dashboards verknüpft: Eine Filterkomponente kann direkt mit einem Filter in einem Looker-Dashboard verbunden werden. Eine Version dieses Filters wird in der Looker-Anwendung, ‐Erweiterung oder ‐Einbettung gerendert, die die Komponente verwendet. Jeder Nutzer mit Bearbeitungszugriff auf das Looker-Dashboard, das mit der Filterkomponente verbunden ist, kann den Filter im Looker-Dashboard bearbeiten. Dadurch wird der Filter in der Anwendung, Erweiterung oder Einbettung aktualisiert. So sparen Entwickler Zeit, da sie nicht jedes Mal erforderlich sind, wenn es einen geschäftlichen Grund gibt, einen Filter anzupassen.
  • An das Looker-Modell gebunden: Filterkomponenten erkennen Änderungen am Looker-Modell, auf dem sie basieren. Das bedeutet, dass Filterfelder und andere Optionen dynamisch sind und zusammen mit Aktualisierungen des zugrunde liegenden Modells aktualisiert werden.

Filterkomponenten installieren und verwenden

Laden Sie die Pakete @looker/filter-components und @looker/filter-expressions aus dem NPM-Repository @looker/components herunter.

Informationen zur Installation und Verwendung der Filterkomponentenpakete finden Sie in der Infodatei zu den einzelnen Paketen, die in NPM oder GitHub verfügbar ist.

Auf GitHub ist eine Demoanwendung für Filterkomponenten verfügbar. Eine Anleitung zur Verwendung der Demo finden Sie im zugehörigen Readme-Dokument.