[Yii Framework] Membuat Menu Dinamis dengan Hirarki Parent Child dari Database

Biasanya untuk membuat sebuah menu dinamis yang mudah untuk di konfigurasi kita lakukan pemanggilan menunya dari database. Tentu menu-menu yang ada sering kali terdiri dari menu-sub menu-sub dari sub menu dan seterusnya.. Yang mana hasilnya akan seperti gambar berikut :

Nah, untuk membuatnya pertama-tama mari kita buat sebuah tabel “category” dengan field-field sebagai berikut :

– id(integer, not null, auto increment) = identitas unik tabel category

– label(varchar 200, not null) = nama dari suatu category

– parent(integer, null) = induk dari suatu category.

Lalu generate tabel tersebut dengan menggunakan GII. Setelah itu saya akan isikan dengan data sample seperti berikut :

id  |          label           |        parent

1    | Nasional            | NULL

2    | Olahraga           | NULL

3    | Sepak Bola        |   2

4    | Ibu Kota            |  1

5    | Liga Spanyol    |  3

6    | Teknologi          |  NULL

7    | International   | NULL

8    | Liga Italia          | 3

9    | Liga Indonesia | 3

10 |  IPL                        | 9

11  |  LPI                       | 9

Lalu kemudian modifikasi code anda. Pada model anda, buatlah fungsi seperti berikut :

public function getMenu($cnd=" IS NULL")
 {
    $data2 = array();
    $data2[] = array('label'=>'Beranda', 'url'=>array('/site/index'));
    foreach($this->findAll('parent'.$cnd) as $haha)
    {
        $row=array();
        $row['label'] = $haha->label;
        $row['url'] = array('category/view','id'=>$haha->id);
        if(count($this->getMenu2(' ='.$haha->id))>0)
        {
           $row['items'] = $this->getMenu2(' ='.$haha->id);
        }
        $data2[] =$row;
    }
    $data2[] = array('label'=>'Tentang Kami', 'url'=>array('/site/page', 'view'=>'about'));
    $data2[] = array('label'=>'Login', 'url'=>array('/site/login'), 'visible'=>Yii::app()->user->isGuest);
    $data2[] = array('label'=>'Logout ('.Yii::app()->user->nama.')', 'url'=>array('/site/logout'),
                   'visible'=>!Yii::app()->user->isGuest);
    return $data2;
 }
public function getMenu2($cnd=" IS NULL")
 {
    $data2 = array();
    foreach($this->findAll('parent'.$cnd) as $haha)
    {
         $row=array();
         $row['label'] = $haha->label;
         $row['url'] = array('category/view','id'=>$haha->id);
         if(count($this->getMenu2(' ='.$haha->id))>0)
               $row['items'] = $this->getMenu2(' ='.$haha->id);
         $data2[] =$row;
     }
     return $data2;
 }

Penjelasan : di atas terdapat 2 buah fungsi. Kedua fungsi tersebut digunakan untuk men generate category mulai dari category induk (parent = NULL) hingga ke category anaknya. Sebenarnya kedua fungsi tersebut menjalankan kedua fungsi yang sama, hanya sama pada fungsi getMenu() dia mengembalikan menu yang ada di luar database. Ingat kan pada database hanya ada menu-menu yang sudah ada pengkategoriannya. Sedangkan menu-menu seperti “beranda”, “login”, “tentang kami” memang tidak disimpan di dalam database.

Fungsi di atas sendiri akan men generate informasi label menu tersebut yang akan tampil pada menu, dan id nya yang digunakan sebagai url dari menu tersebut.

Nah, setelah itu untuk mempermudah pembuatan menu yang menggunakan sub-menu kita akan gunakan extension mbmenu yang ada di Yii (silahkan googling). Kemudian pada menu, buatlah code seperti berikut :

$this->widget('ext.mbmenu.Mbmenu',
    array('items'=>Category::model()->getMenu(),
   )
);

Penjelasan : code di atas digunakan untuk men generate menu dari fungsi yang sudah kita buat sebelumnya pada model Categori. Jadi semua nilai yang ada pada menu kita ambil dari fungsi yang sudah kita buat tadi, sehingga kita tidak perlu repot masukkan nilainya satu persatu ke dalam array Mbmenu..

Hasil dari code yang kita buat di atas adalah sama dengan gambar yang ada pada postingan ini..

Selesai..

Selamat mencoba… semoga membantu… 🙂

Advertisements