Tutorial berikut akan menjelaskan langkah-langkah membuat tab dalam Yii yang berisi cGridView.
Seorang user aplikasi akan mendapatkan menu individual atau juga group menu. Kita dapat membuat tab untuk menu maupun group menu. Berikut akan dijelaskan.
Pertama-tama daftarkan atau registrasikan jquey.ui untuk javascript maupun cssnya seperti contoh berikut ini:
<?php
Yii::app()->clientScript->registerCoreScript(‘jquery.ui’);
$cs=Yii::app()->getClientScript();
$cssCoreUrl = $cs->getCoreScriptUrl();
$cs->registerCssFile($cssCoreUrl . ‘/jui/css/base/jquery-ui.css’);
?>
Kemudian kita buat coding javascriptnya misalnya:
<script>
$(function() {
$( “#tabs” ).tabs();
});
</script>
Kemudian untuk coding cGridViewnya:
<div id=”tabs”>
<ul>
<li> <a href=”#user-menu”>Menu</a></li>
<li> <a href=”#user-group”>Group</a></li>
</ul>
<div id=”user-menu”>
<?php $this->widget(‘zii.widgets.grid.CGridView’, array(
‘id’=>’user-menu-grid’,
‘dataProvider’=>$detailDataProvider1,
‘columns’=>array(
‘menu.menu_code’,
‘menu.menu_name’,
‘remark’,
‘is_active’,
),
)); ?>
</div>
<div id=”user-group”>
<?php $this->widget(‘zii.widgets.grid.CGridView’, array(
‘id’=>’user-group-grid’,
‘dataProvider’=>$detailDataProvider2,
‘columns’=>array(
‘group.group_code’,
‘group.group_name’,
‘remark’,
‘is_active’,
),
)); ?>
</div>
</div>
Untuk penggunaan tab yang lain dalam Yii framework silahkan mempelajari juga CTabView dan CJuiTabs .
Kunjungi www.proweb.co.id untuk menambah wawasan anda.
