YII中改变自定义操作的方式并使用thickbox的JQuery插件窗出窗口

在YII中，后台管理数据的界面是这样的：

有时候想改成这样子的

并且，点击颜色，尺码，查看。。时，会窗出如下窗口：

这时，就可以按下面的代码去操作：

<!--以下3个文件导入是用于thickbox JQuery弹出窗口的-->
<link href="<?php echo CSS_URL;?>thickbox.css" rel="stylesheet" type="text/css">
<script src="<?php echo JS_URL;?>jquery-1.1.3.1.pack.js" type="text/javascript"></script>
<script src="<?php echo JS_URL;?>thickbox-compressed.js" type="text/javascript"></script>

<?php
/* @var $this TblGoodsController */
/* @var $model TblGoods */

$this->breadcrumbs=array(
	'Tbl Goods'=>array('index'),
	'Manage',
);

$this->menu=array(
	array('label'=>'商品列表', 'url'=>array('index')),
	array('label'=>'增加商品', 'url'=>array('create')),
);

Yii::app()->clientScript->registerScript('search', "
$('.search-button').click(function(){
	$('.search-form').toggle();
	return false;
});
$('.search-form form').submit(function(){
	$('#tbl-goods-grid').yiiGridView('update', {
		data: $(this).serialize()
	});
	return false;
});
");
?>

<h1>管理商品</h1>

<p>
注：使用搜索时，可以输入 (<b><</b>, <b><=</b>, <b>></b>, <b>>=</b>, <b><></b>
or <b>=</b>) 查询特定条件的记录。
</p>

<?php echo CHtml::link('高级搜索','#',array('class'=>'search-button')); ?>
<div class="search-form" style="display:none">
<?php $this->renderPartial('_search',array(
	'model'=>$model,
)); ?>
</div><!-- search-form -->

<?php $this->widget('zii.widgets.grid.CGridView', array(
	'id'=>'tbl-goods-grid',
	'dataProvider'=>$model->search(),
	'filter'=>$model,
	'columns'=>array(
		'goods_id',
		'cat_id',
		'goods_sn',
		'goods_name',
		//'click_count',
            'shops_id',
		//'brand_id',
		/*
		'goods_number',
		'market_price',
		'shop_price',
		'promote_price',
		'promote_start_date',
		'promote_end_date',
		'goods_desc',
		'goods_small_pic',
		'goods_big_pic',
		'is_sale',
		'is_delete',
		'is_best',
		'is_new',
		'is_hot',
		'is_promote',
		'add_time',
		*/
		array(
                        'header' => '操作',
                        'htmlOptions' => array (
                                        'width' => 150,
                                        'style' => 'text-align:center;'
                        ),
			'class'=>'CButtonColumn',
                        'buttons' => array (
                            'btnColor' => array (
                                            //注意下面的goods_id不要写错，这是模型对应数据表里的字段
                                            'label' => '颜色',
                                            'url' => 'array("goodsSpec/create","goodsid"=>$data->goods_id)',
                                            // 'url' => 'array("goodsSpec/create&KeepThis=true&TB_iframe=true&height=400&width=600","goodsid"=>$data->goods_id)',
                                            //thickbox正常来讲，要在URL上拼装：KeepThis=true&TB_iframe=true&height=400&width=600，但这里会跟YII路由有冲突，以上就省去了，但一样能用。
                                            'imageUrl' => false,
                                            'options'=>array(
                                                'class'=>'thickbox',//使用thickbox JQuery插件弹出窗口功能
                                            ),
                            ),
                            'btnSize' => array (
                                            'label' => '尺码',
                                            'url' => 'array("goodsSpec/create","goodsid"=>$data->goods_id)',
                                            'imageUrl' => false,
                                            'options'=>array(
                                                'class'=>'thickbox',
                                            ),
                            ),
                            'btnView' => array (
                                            'label' => '查看',
                                            'url' => 'array("goodsSpec/view/","id"=>$data->goods_id)',
                                            'imageUrl' => false
                            ),
                            'btnUpdate' => array (
                                            'label' => '修改',
                                            'url' => 'array("goodsSpec/update/","id"=>$data->goods_id)',
                                            'imageUrl' => false
                            ),
                            'btnDelete' => array (
                                            'label' => '删除',
                                            'url' => 'array("goodsSpec/delete/","id"=>$data->goods_id)',
                                            'imageUrl' => false
                            )
                        ),
                        'template' => '{btnColor},{btnSize},{btnView},{btnUpdate},{btnDelete}'

		),
            
	),
)); ?>