Pontianak Web & Open Source

Jasa Buat Website Pontianak. Pontianak Web & Open Source

Drupal: Menggabungkan dua buah node yang berbeda.

Sab, 2011-03-26 23:42 -- mbahlol

Lama aku berpikir dan mencari dengan bantuan om google tentang bagaimana cara yang paling baik dalam menggabungkan dua buah node (node reference). Ceritanya aku punya dua buah node, yang pertama sebut saja Gambar dan yang kedua story. Inspirasi tentang penggabungan ini aku dapat dari website berita, dimana berita biasa memiliki foto sebagai informasi tambahannya.

 

Node story ini adalah node yang berisi teks yang bisa berisi gambar atau tidak, untuk gambar di ambil dari node gambar, jika gambar belum ada maka di sediakan proses untuk upload. Konsep yang di pakai adalah image as node supaya gambar bisa di pakai ulang. Langsung saja ke proses pengerjaan.

Pertama aku buat node Gambar dengan dengan CCK + Filefield + Imagefield + Token. Untuk setting token aku mengikuti Drupal: Setting path dan token pada node.

Drupal Node Reference

Di atas tampilan node gambar yang sudah jadi, berikutnya membuat story. Di sini story yang sudah ada di pakai hanya di tambah node reference saja. Modul yang di tambah adalah Node Reference + Node Reference Explorer + Modal Frame + Automodal + jQuery UI + jQuery Update + Modal Node References + Views + Nodereference views

Untuk option dari node reference

wigdet = explorer

Dialog API = Modal Frame API

Content Types = Gambar

Show Modal Editor = Centang

Untuk Display field dari story (/admin/content/node-type/story/display) aku pilih view (Nodereference views) supaya tampilannya bisa dengan mudah di modifikasi dari viewnya. Beritut cara membuat display field menggunakan view.

Setelah modul Nodereference views aktif, masuk ke admin/build/views dan enable view field_noderef_example. Kemudian clone view tersebut dan beri nama view sama dengan nama field node reference. dalam contoh ini nama viewnya adalah field_photo.

Drupal Node Reference

Drupal Node Reference

Jika sudah membuat view field_photo disable saja view yang example. Untuk konfigurasi viewnya tidak di bahas secara detil karena bisa panjang sekali pembahasan view. yang pasti field dan filter yang paling banyak aku ubah.

Drupal Node Reference

Berikut hasil yang sudah jadinya

Drupal Node Reference

Drupal Node Reference

Tampilan di atas menunjukkan jika ingin mencari gambar bisa dengan tombol browse, dimana akan muncul kotak dari node reference explorer, dan jika ingin mengupload gambar baru bisa dengan link Create a new Gambar (link ini bisa di tambah tergantung node type yang di referensikan, dalam contoh hanya node gambar). Jangan lupa Display Field dari node reference tersebut harus diubah(content/node-type/story/display) jika tidak yang muncul hanya linknya saja.

Akhirnya jadi juga apa yang aku inginkan dalam penggabungan node-node tersebut, masih ada sih kekurangannya, dimana seharusnya link untuk upload gambar baru ada di kotak pencarian (browse tersebut). Mungkin bisa jika di lakukan theming pada view yang di pakai node reference explorer tersebut, hanya saja belum sempat di coba.

Sumber: google

Kategori Blog: