Yii1自定義 CGridView 中的操作按鈕中 CButtonColumn 選項

OldBoy~發表於2018-12-12
View

Yii可以使用CButtonColumn自定義按鈕及列樣式。

效果展示 

<?php $this->widget('zii.widgets.grid.CGridView', array(
    'id'=>'knowledge-auth-list-grid',
    'dataProvider'=>$model->search(),
    //'filter'=>$model,
    'columns'=>array(
        array(
            'name' => 'id',
            'type' => 'raw',
            'value' => 'CHtml::link($data->id, array("knowledgeAuthList/view", "id"=>$data->id))'
        ),
        'auth_name',
        'operator',

        array(
            'name' =>'create_time',
            'headerHtmlOptions'=>array(
                'width'=>'280',
            ),
        ),
        array(
            'header'=>'操作',
            'class'=>'CButtonColumn',
        ),
    ),
)); ?>

//控制操作列按鈕展示程式碼
 array(
      'header'=>'操作',
      'class'=>'CButtonColumn',
      'headerHtmlOptions'=>array(
          'width'=>'80',
      ),
      'template'=>'{view} {update} {delete}', //預設顯示的三個按鈕，要去掉某個按鈕，刪除相應項即可
  ),
//增加自定義
自定義一個按鈕：
比如新增一個額外的功能按鈕'設定'，點選可跳轉到指定id的設定頁。
首先，在template中加入新的標籤：'template'=>'{set} {view} {update} {delete}',
然後，定義buttons，加入recharge按鈕的定義：

array(
    'header' => '操作',
    'class'=>'CButtonColumn',
    'headerHtmlOptions' => array('width'=>'90'),
    'htmlOptions' => array('align'=>'center'),
    'template'=>'{set} {delete}',
    'buttons'=>array(
        'set' => array(
            'label'=>'設定',
            'imageUrl'=>Yii::app()->request->baseUrl.'/images/set.png',
            'url'=>'Yii::app()->createUrl("auth/set", array("id"=>$data->id))',
        ),
    ),
),

//單個按鈕的屬性：

'buttonID' => array
(
    'label'=>'...',     //顯示為圖片的title，滑鼠放上去以後顯示的文字
    'url'=>'...',       //超連結的地址
    'imageUrl'=>'...',  //按鈕的圖片src
    'options'=>array(), //按鈕的html屬性，譬如width,height,style,class等等
    'click'=>'...',     //點選的JS動作，需放在function(){}中
    'visible'=>'...',   //顯示該按鈕的條件，如 'visible'=>'$data->score > 0',
)

 
//修改刪除按鈕的提示：

array
(
    'class'=>'CButtonColumn',
    'deleteConfirmation'=>"js:'Record with ID '+$(this).parent().parent().children(':first-child').text()+' will be deleted! Continue?'",
),

 

相關文章