Adding 'disabled' to CCheckBoxColumn and support for yiigridview.js

I recently had to have a checkbox column in my grid view that supported the 'disabled' attribute. This was easy enough to do by extending the CCheckBoxColumn. However, I also wanted the checkbox to be selected when clicking on the table's row (supported via CGridView's selectableRows option). I discovered I had to tweak yiigridview.js so that it would not select disabled rows when clicking on it or on the 'select all' checkbox.


Save this file to protected/extensions/. This was taken directly from


class ECheckBoxColumn extends CCheckBoxColumn
        public $disabled;
        protected function renderDataCellContent($row,$data)

Copy this file with related files (css, img, etc) to /protected/assets/gridview/ or wherever you want it (if different, be sure to change it in the usage scenario). I'm just going to link the whole file here:

$this->widget('bootstrap.widgets.TbGridView', array(
	'baseScriptUrl' => Yii::app()->getAssetManager()->publish(Yii::getPathOfAlias('app.assets')).'/gridview',
	'rowCssClassExpression' => '(expresion) ? null : "disabled"',
            'disabled'=>'(true/false exression (same as rowCssClassExpression)',

'disabled' class is hard coded into the modified JS code. For me to add a custom 'disabled' class, I would have to extend CGridView, and to me it just wasn't worth adding a small property for it to be passed into yiigridview.js.

1 0
Viewed: 18 655 times
Version: 1.1
Category: Tips
Written by: Xgamer99
Last updated by: Maurizio Domba Cerin
Created on: Nov 9, 2012
Last updated: 8 years ago
Update Article


View all history

Related Articles