Looker-Filterkomponenten

Looker-Filterkomponenten bieten die umfangreichen Filterfunktionen von Looker für benutzerdefinierte Datenanwendungen, die auf Looker basieren.

Looker-Komponenten

Looker-Komponenten sind vorgefertigte React-basierte Teile der Looker-Anwendung. Anwendungsentwickler können Komponenten in Datenanwendungen und Erweiterungen verwenden, die auf Looker basieren.

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

Looker-Filterkomponenten

Filterkomponenten bieten die umfangreichen Filterfunktionen von Looker für benutzerdefinierte Datenanwendungen und benutzerdefinierte eingebettete Looker-Dashboards. Wenn Entwickler die Looker API (über ein SDK oder eine Erweiterung) verwenden, um JSON für ein bestimmtes Dashboard abzurufen, können sie die Filterkomponente in ihre Anwendung einbinden und die Eigenschaften der einzelnen Filter im Dashboard übergeben. Die Komponente rendert dann jeden Filter entsprechend seinem Feld und der gespeicherten UI-Konfiguration.

Das Paket mit Filterkomponenten bietet 12 Arten von Filtersteuerungen, die den Steuerelementen ähneln, die für die eigenen Dashboards von Looker verfügbar sind:

  • Schaltflächengruppe
  • Kästchen
  • Tag-Liste
  • Bereichsschieberegler
  • Ein-/Aus-Schaltfläche
  • Optionsfeld
  • Drop-down-Menü
  • Schieberegler
  • Einzeltag
  • Zeitraum
  • Zeitraum
  • Erweitert

Filterkomponenten werden über zwei Pakete bereitgestellt, die zusammenarbeiten: @looker/filter-components und @looker/filter-expressions. Das @looker/filter-components-Paket rendert eine Filterkomponente mithilfe von einem Feld, einem Filtertyp und aktuellen Filterausdrücken, die über jeden Dashboard-Filter 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 Entwicklern Zeit und ermöglichen es Analysten, die in Looker arbeiten, robuste, anpassbare Benutzeroberflächen zu erstellen und zu pflegen. Looker-Filterkomponenten bieten folgende Vorteile:

  • Hochwertige Filter: Filterkomponenten bieten die umfangreiche Filterlogik von Looker und eine breite Palette von Filtersteuerungen, die am besten zu den benötigten Filtertypen passen.
  • Entwicklung beschleunigen: Filterkomponenten bieten sofort einsatzbereiten Zugriff auf Filter, sodass sich Entwickler auf andere Aufgaben konzentrieren und die Gesamtentwicklung beschleunigen können.
  • Anpassung: Filtersteuerelemente können an das Erscheinungsbild Ihrer Anwendung, Erweiterung oder Ihres eingebetteten Dashboards 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 verknüpft werden. Eine Version dieses Filters wird dann in der Looker-Anwendung, -Erweiterung oder -Ebene gerendert, in der die Komponente verwendet wird. Jeder Nutzer, der Bearbeitungszugriff auf das Looker-Dashboard hat, das mit der Filterkomponente verbunden ist, kann den Filter im Looker-Dashboard bearbeiten. Dadurch wird der Filter in der Anwendung, Erweiterung oder Einbettung aktualisiert. Das spart Entwicklerzeit, da nicht jedes Mal ein Entwickler benötigt wird, wenn ein Filter aus geschäftlichen Gründen angepasst werden muss.
  • Am Looker-Modell gebunden: Filterkomponenten sind Änderungen am Looker-Modell, auf dem sie basieren, bewusst. Das bedeutet, dass Filterfelder und andere Optionen dynamisch sind und sich zusammen mit Aktualisierungen des zugrunde liegenden Modells ändern.

Filterkomponenten installieren und verwenden

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

Informationen zur Installation und Verwendung der Filterkomponentenpakete finden Sie in der README-Datei für jedes Paket, die in NPM oder GitHub verfügbar ist.

Eine Demoanwendung für Filterkomponenten ist auf GitHub verfügbar. Eine Anleitung zur Verwendung der Demo finden Sie im README-Dokument.