Dalam melakukan pemrograman PHP menggunakan framework Yii kita pasti mengenalm CGridView. Pada saat kita melakukan pemrograman mungkin kita ingin mengubah link dari update. Atau kita mungkin ingin membuat button baru dengan image tertentu . Kita dapat melakukan hal ini tentu saja dengan melakukan kustomisasi.

Kustomisasi ini kita lakukan konfigurasi dari widget zii.widgets.grid.CGridView . Field yang akan kita konfigurasi ini adalah columns. Kemudian field dari column yang akan kita kustomisasi adalah button. Untuk link kita akan melakukan kustomisasi pada field url. Untuk image yang berfungsi sebagai button kita akan melakukan kustomisasi pada field imageUrl.

Contoh adalah seperti berikut ini
 $this->widget(‘zii.widgets.grid.CGridView’, array(
    ‘id’=>’tbl-device-grid’,
    ‘itemsCssClass’ => ‘table table-hover table-bordered’,
    ‘pagerCssClass’=>’pagination’,
    ‘cssFile’ => ‘/css/cgridview.css’,
    ‘ajaxUpdate’=>false,
    ‘rowCssClassExpression’=> ‘evenOdd($row,$data->device_id)’,
    ‘dataProvider’=>$model->search(),
    ‘filter’=>$model,
    ‘columns’=>array(
        array(
            ‘class’=>’CButtonColumn’,
            ‘template’=>'{updateme}’,
            ‘deleteConfirmation’=>”js: ‘Are you want to delete ‘+$(this).parent().parent().children(‘:nth-child(2)’).text()+ ‘?'”,
            ‘buttons’=>array
            (
                ‘updateme’ => array
                (
                    ‘label’=>’U’,
                    ‘options’=>array(‘title’=>’Update’,’class’=>’pss_action’),
                    ‘url’=>’Yii::app()->createUrl(“/core/tblDevice/updateme”, array(“id” => $data->device_id))’,
                    ‘visible’=>’$data->is_active==1’,
                    ‘imageUrl’ => Yii::app()->baseUrl . ‘/images/update.png’,
                ),

Informasi lebih lanjut silahkan mengunjungi http://www.yiiframework.com/wiki/593/yii-cgridview-add-custom-button/ .

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

Kustomisasi button dan link CGridView Yii
× Ada yang dapat saya bantu ? Available on SundayMondayTuesdayWednesdayThursdayFridaySaturday