I componenti di filtro di Looker forniscono la ricca funzionalità di filtro di Looker per le applicazioni di dati personalizzati basate su Looker.
Componenti di Looker
I componenti di Looker sono componenti predefiniti dell'applicazione di Looker basati su React. Gli sviluppatori di applicazioni possono utilizzare i componenti nelle applicazioni di dati e nelle estensioni basate su Looker.
I componenti possono essere utilizzati con il framework di estensione di Looker e l'SDK di incorporamento di Looker.
Componenti dei filtri di Looker
I componenti filtro forniscono la ricca funzionalità di filtro di Looker per applicazioni di dati personalizzate e dashboard di Looker incorporate personalizzate. Utilizzando l'API Looker (tramite un SDK o un'estensione) per recuperare il JSON di una determinata dashboard, gli sviluppatori possono includere il componente filtro nella loro applicazione e passare le proprietà di ogni filtro nella dashboard. Il componente mostrerà quindi ogni filtro in base al relativo campo e alla configurazione dell'interfaccia utente memorizzata.
Il pacchetto dei componenti filtro offre 12 tipi di controlli filtro, simili a quelli disponibili per le dashboard di Looker:
- Gruppo di pulsanti
- Casella di controllo
- Elenco tag
- Dispositivo di scorrimento dell'intervallo
- Pulsante di attivazione/disattivazione
- Pulsante di opzione
- Menu a discesa
- Dispositivo di scorrimento
- Un giorno
- Intervallo di date
- Periodo di tempo
- Avanzate
I componenti di filtro vengono pubblicati 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 correnti, che sono 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 liberano tempo agli sviluppatori e consentono agli analisti che lavorano in Looker di creare e gestire esperienze utente solide e personalizzabili. I componenti dei filtri di Looker offrono i seguenti vantaggi:
- Esperienza di filtro di alta qualità: i componenti filtro forniscono la logica di filtro completa di Looker e una vasta gamma di controlli filtro per adattarsi al meglio ai tipi di filtri di cui hai bisogno.
- Velocizza lo sviluppo: i componenti filtro forniscono accesso "out-of-the-box" ai filtri, consentendo agli sviluppatori di concentrarsi su altre attività e di velocizzare lo sviluppo complessivo.
- Personalizzazione: i controlli filtro possono essere personalizzati in base all'aspetto e al design dell'applicazione, dell'estensione o della dashboard incorporata. Gli sviluppatori possono utilizzare i componenti di filtro per offrire una maggiore personalizzazione rispetto al passato.
- Collegato alle dashboard di Looker: un componente filtro può essere collegato direttamente a un filtro in una dashboard di Looker e una versione di questo filtro verrà visualizzata nell'applicazione, nell'estensione o nell'embed di Looker che utilizza il componente. Qualsiasi utente che dispone dell'accesso in modifica alla dashboard di Looker collegata al componente del filtro può modificare il filtro nella dashboard di Looker, aggiornandolo nell'applicazione, nell'estensione o nell'incorporamento. In questo modo, gli sviluppatori risparmiano tempo perché non è necessario ogni volta che esiste un motivo commerciale per modificare un filtro.
- Collegato al modello di Looker: i componenti di filtro sono consapevoli delle modifiche al modello di Looker su cui sono basati, il che significa che i campi di filtro e altre opzioni sono dinamici e verranno aggiornati insieme agli aggiornamenti del modello sottostante.
Installazione e utilizzo dei componenti di filtro
Scarica i pacchetti @looker/filter-components e @looker/filter-expressions dal repository NPM @looker/components.
Le informazioni sull'installazione e sull'utilizzo dei pacchetti dei componenti di filtro sono disponibili nel documento README di ciascun pacchetto, disponibile in NPM o GitHub.
Su GitHub è disponibile un'applicazione di demo dei componenti di filtro. Le istruzioni per l'utilizzo della demo sono riportate nel documento README.