Componenti del filtro Looker

I componenti di filtro di Looker forniscono le funzionalità di filtro avanzato di Looker per applicazioni dati personalizzate create sulla base di Looker.

Componenti di Looker

I componenti di Looker sono componenti predefiniti basati su reazioni dell'applicazione di Looker. Gli sviluppatori di applicazioni possono utilizzare i componenti delle applicazioni dati e delle estensioni basate su Looker.

I componenti possono essere utilizzati con il framework delle estensioni di Looker e l'SDK Embed di Looker.

Componenti del filtro Looker

I componenti di filtro forniscono la funzionalità di filtro avanzato di Looker per applicazioni dati personalizzate e dashboard Looker personalizzate personalizzate. Tramite l'API Looker (tramite un SDK o un'estensione) per recuperare il JSON per una determinata dashboard, gli sviluppatori possono includere il componente del filtro nell'applicazione e trasmettere le proprietà di ogni filtro nella dashboard. Il componente eseguirà poi il rendering di ogni filtro in base al relativo campo e alla configurazione dell'interfaccia utente archiviata.

Il pacchetto di componenti per il filtro offre 12 tipi di controlli filtro, simili ai controlli disponibili per le dashboard di Looker:

  • Gruppo di pulsanti
  • Casella di controllo
  • Elenco tag
  • Dispositivo di scorrimento intervallo
  • Pulsante di attivazione/disattivazione del pulsante
  • Pulsante di opzione
  • Menu a discesa
  • Dispositivo di scorrimento
  • Giorno singolo
  • Intervallo di date
  • Intervallo di tempo
  • Avanzato

I componenti filtro vengono distribuiti tramite due pacchetti che funzionano insieme: @looker/filter-components e @looker/filter-expressions. Il pacchetto @looker/filter-components esegue il rendering di un componente filtro utilizzando un campo, un tipo di filtro ed espressioni di filtro attuali, disponibili in qualsiasi filtro della dashboard. Il pacchetto @looker/filter-expressions trasforma le espressioni di filtro in strutture di dati che possono essere utilizzate da @looker/filter-components.

Perché utilizzare i componenti di filtro?

I componenti di filtro consentono agli sviluppatori di risparmiare tempo e agli analisti che lavorano in Looker di creare e gestire esperienze utente solide e personalizzabili. I componenti di filtro di Looker offrono i seguenti vantaggi:

  • Esperienze di filtro di alta qualità: i componenti dei filtri offrono la logica di filtro avanzata di Looker e un'ampia gamma di controlli filtro per adattarsi al meglio ai tipi di filtri di cui hai bisogno.
  • Sviluppo rapido: i componenti di filtro offrono un accesso immediato ai filtri, consentendo agli sviluppatori di concentrarsi su altre attività e di accelerare lo sviluppo complessivo.
  • Personalizzazione: i controlli filtro possono essere personalizzati in base all'aspetto della tua applicazione, estensione o dashboard incorporata. Gli sviluppatori possono utilizzare i componenti di filtro per fornire una personalizzazione più ampia che mai.
  • Collegato alle dashboard di Looker: è possibile collegare un componente del filtro direttamente a un filtro su una dashboard di Looker e una versione di tale filtro verrà visualizzata nell'applicazione, nell'estensione o nell'incorporamento di Looker che utilizza il componente. Qualsiasi utente con accesso in modifica alla dashboard di Looker collegata al componente filtro può modificare il filtro nella dashboard di Looker, che lo aggiorna nell'applicazione, nell'estensione o nell'incorporamento. In questo modo, puoi risparmiare tempo perché uno sviluppatore non è richiesto ogni volta che esiste un motivo aziendale per modificare un filtro.
  • Collegato al modello Looker: i componenti dei filtri sono a conoscenza delle modifiche al modello Looker su cui sono creati, il che significa che i campi dei filtri e altre opzioni sono dinamici e verranno aggiornati insieme agli aggiornamenti del modello sottostante.

Installazione e uso dei componenti di filtro

Scarica i pacchetti @looker/filter-components e @looker/filter-expressions dal repository NPM @looker/components.

Puoi trovare informazioni relative all'installazione e all'utilizzo dei pacchetti dei componenti filtro nel documento README di ciascun pacchetto, disponibile in NPM o GitHub.

Su GitHub è disponibile un'applicazione demo dei componenti filtro. Le istruzioni per utilizzare la demo sono visualizzate nel documento README.