Komponen filter Looker

Komponen filter Looker menyediakan fungsi filter yang beragam dari Looker untuk aplikasi data kustom yang dibuat di atas Looker.

Komponen Looker

Komponen Looker adalah bagian bawaan aplikasi Looker berbasis React dan siap pakai. Developer aplikasi dapat menggunakan komponen dalam aplikasi dan ekstensi data yang dibangun di atas Looker.

Komponen dapat digunakan dengan framework ekstensi Looker dan SDK Embed Looker.

Komponen filter Looker

Komponen filter menyediakan fungsi filter yang lengkap dari Looker untuk aplikasi data yang dibuat khusus dan dasbor Looker tersemat yang disesuaikan. Dengan menggunakan Looker API (melalui SDK atau Ekstensi) untuk mengambil JSON untuk dasbor tertentu, developer dapat menyertakan komponen filter dalam aplikasi mereka dan meneruskan properti setiap filter di dasbor. Komponen kemudian akan merender setiap filter sesuai dengan kolomnya dan konfigurasi UI yang tersimpan.

Paket komponen filter menawarkan 12 jenis kontrol filter, mirip dengan kontrol yang tersedia untuk dasbor Looker sendiri:

  • Grup tombol
  • Kotak centang
  • Daftar tag
  • Penggeser rentang
  • Tombol
  • Tombol radio
  • Menu drop-down
  • Penggeser
  • Satu hari
  • Rentang tanggal
  • Jangka waktu
  • Lanjutan

Komponen filter dikirim melalui dua paket yang berfungsi bersama: @looker/filter-components dan @looker/filter-expressions. Paket @looker/filter-components merender komponen filter menggunakan kolom, jenis filter, dan ekspresi filter saat ini, yang tersedia dari semua filter dasbor. Paket @looker/filter-expressions mengubah ekspresi filter menjadi struktur data yang dapat digunakan oleh @looker/filter-components.

Mengapa menggunakan komponen filter?

Filter komponen menghemat waktu developer dan memungkinkan analis yang bekerja di Looker untuk membangun dan mempertahankan pengalaman pengguna yang andal dan dapat disesuaikan. Komponen filter Looker memberikan manfaat berikut:

  • Pengalaman filter berkualitas tinggi — Komponen filter memberikan logika filter yang beragam dari Looker dan berbagai kontrol filter agar sesuai dengan jenis filter yang Anda butuhkan.
  • Mempercepat pengembangan — Komponen filter menyediakan akses "bawaan" ke filter, sehingga developer dapat berfokus pada tugas lain dan mempercepat pengembangan secara keseluruhan.
  • Penyesuaian — Kontrol filter dapat disesuaikan dengan tampilan dan nuansa aplikasi, ekstensi, atau dasbor tersemat Anda. Developer dapat menggunakan komponen filter untuk memberikan lebih banyak penyesuaian dari sebelumnya.
  • Tertaut ke dasbor Looker — Komponen filter dapat dihubungkan langsung ke filter di dasbor Looker, dan versi filter tersebut akan dirender di aplikasi, ekstensi, atau sematan Looker yang menggunakan komponen tersebut. Setiap pengguna yang memiliki akses edit ke dasbor Looker yang terhubung ke komponen filter dapat mengedit filter di dasbor Looker, yang memperbarui filter di aplikasi, ekstensi, atau sematan. Hal ini menghemat waktu developer karena developer tidak diwajibkan setiap kali ada alasan bisnis untuk menyesuaikan filter.
  • Terkait dengan model Looker — Komponen filter mengetahui perubahan pada model Looker yang digunakan, yang berarti kolom filter dan opsi lainnya bersifat dinamis dan akan diperbarui seiring dengan pembaruan pada model yang mendasarinya.

Menginstal dan menggunakan komponen filter

Download paket @looker/filter-components dan @looker/filter-expressions dari repositori NPM @looker/components.

Informasi tentang cara menginstal dan menggunakan paket komponen filter dapat ditemukan dalam dokumen README untuk setiap paket, tersedia di NPM atau GitHub.

Aplikasi demo komponen filter tersedia di GitHub. Petunjuk untuk menggunakan demo muncul di dokumen README.