YII 自定义 CGridView 中的操作按钮,关于 CButtonColumn 的应用

常见用法:

在CGridView中,使用CButtonColumn可以很方便地调用查看、更新、删除链接按钮:

array(
    'header'=>'操作',
    'class'=>'CButtonColumn',
    'headerHtmlOptions'=>array(
        'width'=>'80',
    ),
    'template'=>'{view} {update} {delete}', //默认显示的三个按钮,要去掉某个按钮,删除相应项即可
),

自定义一个按钮:

譬如现在本人想添加一个额外的功能按钮“充值”,点击可跳转到该用户的充值页面。
首先,在template中加入新的标签:'template'=>'{recharge} {view} {update} {delete}', 然后,定义buttons,加入recharge按钮的定义:

array(
    'header' => '操作',
    'class'=>'CButtonColumn',
    'headerHtmlOptions' => array('width'=>'90'),
    'htmlOptions' => array('align'=>'center'),
    'template'=>'{recharge} {delete}',
    'buttons'=>array(
        'recharge' => array(
            'label'=>'充值',
            'imageUrl'=>Yii::app()->request->baseUrl.'/images/icons/coins.png',
            'url'=>'Yii::app()->createUrl("member/recharge", 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?'",
),
//以上例子提示还读取了本行的第一列的值作为提示内容

参考文档:http://www.yiiframework.com/wiki/106/using-cbuttoncolumn-to-customize-buttons-in-cgridview/

若您觉得我的博文对您有帮助,欢迎点击下方按钮对我打赏
打赏