Yii1自定义 CGridView 中的操作按钮中 CButtonColumn 选项

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?'",
),

 

posted @ 2018-12-12 23:18  温柔的风  阅读(721)  评论(0编辑  收藏  举报