Yii自定义 CGridView 中的操作按钮详解

jerry Yii 2015年08月09日 收藏

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

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

自定义一个按钮:
譬如现在本人想添加一个额外的功能按钮“充值”,点击可跳转到该用户的充值页面。
首先,在template中加入新的标签:

  1. 'template'=>'{recharge} {view} {update} {delete}',

然后,定义buttons,加入recharge按钮的定义:

  1. array(
  2.     'header' => '操作',
  3.     'class'=>'CButtonColumn',
  4.     'headerHtmlOptions' => array('width'=>'90'),
  5.     'htmlOptions' => array('align'=>'center'),
  6.     'template'=>'{recharge} {delete}',
  7.     'buttons'=>array(
  8.         'recharge' => array(
  9.             'label'=>'充值',
  10.             'imageUrl'=>Yii::app()->request->baseUrl.'/images/icons/coins.png',
  11.             'url'=>'Yii::app()->createUrl("member/recharge", array("id"=>$data->id))',
  12.         ),
  13.     ),
  14. ),
更多使用技巧:

单个按钮的属性:

  1. 'buttonID' => array(
  2.     'label'=>'...', //显示为图片的title,鼠标放上去以后显示的文字
  3.     'url'=>'...', //超链接的地址
  4.     'imageUrl'=>'...', //按钮的图片src
  5.     'options'=>array(), //按钮的html属性,譬如width,height,style,class等等
  6.     'click'=>'...', //点击的JS动作,需放在function(){}中
  7.     'visible'=>'...', //显示该按钮的条件,如 'visible'=>'$data->score > 0',
  8. )

修改删除按钮的提示:

  1. array
  2. (
  3.     'class'=>'CButtonColumn',
  4.     'deleteConfirmation'=>"js:'Record with ID '+$(this).parent().parent().children(':first-child').text()+' will be deleted! Continue?'",
  5. ),
  6. //以上例子提示还读取了本行的第一列的值作为提示内容