Menampilkan data banyak dengan cepat

Masih ingat ada peserta Drupal Meetup Indonesia tetang bagaimana cara menampilkan data bisa dengan cepat tersaji di layar, dan salah satu yang menjadi gelak tawa adalah teknik menampilkan gambar.

Gambar yang tampil di layar, hanyalah gambar yang pas dilayar saja, sedangkan gambar lainnya tidak akan ditampilkan jika memang tidak muat dilayar, nanti saja di tampilkan ketika pengunjung melakukan scroll.

Tapi kali ini bukan gambar yang ditampilkan, tapi data biasa; dengan kasus begini:

Jumlah perhalaman adalah 100 halaman namun kalo dicermati data yang tampil dalam satu layar hanyalah 15 baris/data saja. Bagaimana cara agar views menampilkan data hanya per 15 data namun jika user melakukan scroll kebawah, data 15 baru di loading? seperti halaman facebook, pada dasarnya sih, sama saja dengan klik next ke halaman berikutnya namun ini dilakaukan otomatis karena data sudah ditampilkan per halaman tapi user masih "kurang" saja :-)

Let's begin!

untuk yang drupal 7, kunjungi Views Infinite Scroll, yang masih 6 pake Views Infinite Pager.

  1. Download module views infinite Scroll, aktifkan.
  2. Download jquery.autopager-1.0.0.js dan upload ke views_infinite_scroll/js.
  3. Buka views, trus pilih pagernya. hasilnya, seperti disini.

Add new comment

CAPTCHA
mari kita ingat kembali masa-masa di TK dulu...
Target Image
By submitting this form, you accept the Mollom privacy policy.