Membuat tab dengan CTabView Yii

Yii menyediakan class yang mudah digunakan untuk pembuatan tab. Class itu adalah adalah CTabView.

Contoh penggunakan cTabView adalah :
$this->widget(‘CTabView’, array(
    ‘tabs’=>array(
        ‘tab_menu’=>array(
            ‘title’=>’Menu’,
            ‘view’=>’_tab_menu’,
            ‘data’=>array(‘dataProvider’=>$detailDataProvider2,’user_id’=>$model->user_id),
        ),
        ‘tab_group’=>array(
            ‘title’=>’Group’,
            ‘view’=>’_tab_group’,
            ‘data’=>array(‘dataProvider’=>$detailDataProvider1,’user_id’=>$model->user_id),
        ),
    ),
    ‘activeTab’=>$activeTab,
))

Pada contoh di atas, perhatikan hal-hal berikut

1. Tab tab_menu
   Tab tab_menu ini mempunyai judul ‘Menu’. Untuk isinya menggunakan  file _tab_menu.php dengan variabel masukan $dataProvider dan $user_id.
   Contoh coding _tab_menu.php adalah :
   <?php $this->widget(‘zii.widgets.grid.CGridView’, array(
       ‘id’=>’user-menu-grid’,
       ‘dataProvider’=>$dataProvider,
       ‘columns’=>array(
           ‘menu.menu_code’,
           ‘menu.menu_name’,
           ‘remark’,
           ‘is_active’,
       ),
   ));
   ?>
2. Tab tab_group
   Tab tab_group ini mempunyai judul ‘Group’. Untuk isinya menggunakan  file _tab_group.php dengan variabel masukan $dataProvider dan $user_id.
   Contoh coding _tab_group.php adalah :
   <?php $this->widget(‘zii.widgets.grid.CGridView’, array(
       ‘id’=>’user-group[-grid’,
       ‘dataProvider’=>$dataProvider,
       ‘columns’=>array(
           ‘group.group_code’,
           ‘group.group_name’,
           ‘remark’,
           ‘is_active’,
       ),
   ));
   ?>
3. Tab active pertama kali
   Kita dapat menentukan tab yang active saat dibuka dengan property ‘activeTab’.

Coding lengkap untuk tab adalah
<?php
$activeTab=$_GET[‘tab’];
if (!$activeTab)
{
    $activeTab=”tab_menu”;
}

$this->widget(‘CTabView’, array(
    ‘tabs’=>array(
        ‘tab_menu’=>array(
            ‘title’=>’Menu’,
            ‘view’=>’_tab_menu’,
            ‘data’=>array(‘dataProvider’=>$detailDataProvider2,’user_id’=>$model->user_id),
        ),
        ‘tab_group’=>array(
            ‘title’=>’Group’,
            ‘view’=>’_tab_group’,
            ‘data’=>array(‘dataProvider’=>$detailDataProvider1,’user_id’=>$model->user_id),
        ),
    ),
    ‘activeTab’=>$activeTab,
))
?>

Contoh tampilan adalah seperti gambar berikut ini:

Kunjungi www.proweb.co.id untuk menambah wawasan anda.