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

//以上例子提示还读取了本行的第一列的值作为提示内容