Attachment Views : Mengkombinasi 2 atau lebih Views pada satu halaman

Fasthan's picture

Attachment Views adalah cara untuk menggabungkan 2 atau lebih Views pada satu halaman. Untuk itu, kita bisa menghindari penggunaan blok.

 

Hasil attachment views bisa dilihat pada screenshot di atas. Bagian bawah merupakan tampilan Views biasa  (ditandai dengan kotak merah) yang akan saya sebut views primer, sedangkan bagian atas adalah Attachment Views (ditandai dengan kotak biru).

Prinsip dasarnya adalah membuat Views primer terlebih dahulu, kemudian lanjut membuat Views sekunder yang nantinya berperan sebagai attachment Views. Teknik yang digunakan sama dengan teknik cara membuat Views, Bedanya pada saat pembuatan Attachment Views, kita ditanya dimana tempat attachment views ini kita letakkan terhadap views primer. Apakah posisinya sebelum atau sesudah views primer. Dalam kasus ini kita menempatkan attachment views pada posisi sebelum views primer. Kemudian kita juga harus menentukan attachment views ini kita lekatkan kepada display views primer yang mana. Biasanya pada satu halaman views setting terdapat banyak display views yang sudah kita buat terlebih dahulu.

Kombinasi 2 views tersebut nantinya boleh memiliki perbedaan komposisi : field, content type, style antara views primer dengan attachment views (views sekunder). Lihat kembali pada screenshot di atas, views primer memiliki style HTML List, sementara attachment views memiliki style table. Kedua views juga berbeda field, namun saya sengaja menggunakan content type yang sama.

Untuk membuat attachment views, kita terlebih dahulu harus paham bagaimana membuat views. Sebelumnya saya sudah jelaskan langkah demi langkah dalam membangun views. Anda bisa melihat nya di http://summapro.com/drupal-tutorials/how-to-create-a-drupal-views.

Agar lebih singkat, kita tidak akan membahas proses membangun views primer disini. Selain itu juga tidak ada modul tambahan yang dibutuhkan untuk membuat attachment views, hanya modul-modul yang diperlukan untuk membuat suatu views primer.

Langkah-langkah membuat attachment views :

1. Membuat Views primer terlebih dahulu dengan nama Celebrities Attached.

   Basic Settings

  • Name : Celebrities Attached
  • Title : Celebrities
  • Style : HTML List
  • Use Pager : Yes
  • Item per Page : 4

    Fields

  • Node Title 
  • Content Specialization

   Filters 

  • Node Published : Yes
  • Node Type : Celebrities

 

2. Kemudian kita membuat attachment views. Lihat gambar dibawah ini, pada halaman setting views, pilih Attachment (ditandai dengan tanda panah biru). Kemudian klik tombol Add Display (ditandai dengan tanda panah merah.

1

 Lalu setting views baru dengan komposisi seperti dibawah ini :

BASIC SETTINGS

  • Name : Celebrities Attacher
  • Title  : Celebrities
  • Style : Table
  • Item per Page : 4

FIELD

  • Node Title
  • Content : Specialization
  • Content : Performing Rate

FILTERS

  • Node Published : Yes
  • Node Type : Celebrities.

3. Kemudian kita beranjak ke bagian Attachement Settings.

Klik Attach to : Celebrities Attached (lihat gambar dibawah)

Kemudian pilih Position : Before (lihat gambar dibawah).

Klik tombol Update dan kemudian klik Save.

Done ...!

Selanjutnya, anda bisa latihan dengan menggunakan pengaturan views yang lain, menambahkan attachment views lebih dari satu dan utak-atik attachment settings yang belum dibahas disini. Pada kesempatan ini saya hanya membahas konsep garis besarnya saja.

For English version, you can read the post on http://summapro.com/drupal-tutorials/attachment-views-how-to-combine-2-or-more-views-in-one-page

Comments

Fudhail's picture

Mantab Lae,...

Artinya di www.summapro.com pada blok sebelah kanan, lae menggunakan modul ini untuk menampilkan Modul pilihan bahasa dohot Siapa yang Online?

Atau ada cara yang lain?

Hojot torus lae...

Fasthan's picture

Kalo yang lae maksud aku pake

Kalo yang lae maksud aku pake modul quicktabs. Gampang koq pakenya lae. Cuma aku belum pertimbangkan buat tutorialnya.

Attachment Views aku pake disini http://fasthanweb.net/portofolio.

Dalam satu halaman ada 2 bagian.

Bagian atas :

  • -style : slideshow
  • - Field : title, image
  • -  filternya menggunakan taxonomy sendiri untuk milih portfolio mana yang mau ditampilkan dibagian atas

Bagian bawah :

  • style : grid
  • - Field :title, image dan teaser
  • - filternya menggunakan Node Type
anjjriit's picture

mas, fasthanweb.net/node nya

mas, fasthanweb.net/node nya masih ada yah ?, sepertinya lebih ok kalo dihilangkan

Fasthan's picture

ya begitulah kalo web sendiri

ya begitulah kalo web sendiri gak sempat dipegang..

syukr's picture

Apakah seperti gambar diatas

Apakah seperti gambar diatas ini juga hasil dari views dengan menggunakanattachment views Om fasthan?

lalu untuk membuat tampilan yang ada gambarnya itu cara integrasinya gimana klo ambil dari modules imce? saya coba pakai langkah yang di jelaskan oleh Om ermanix di artikel membuat teaser sederhana gagal terus, mohon pencerahannya?