在 Yii 自动生成的代码里，我们总能在 admin 的界面看到 CGridView 的身影。这是一个很好用的展示数据的表格控件，用的好可以明显地加快开发进度。下面就让我们来探索一下 CGridView 的基本使用吧：
简单起见，我们的代码就用 Yii demo 中的 blog 例子来做修改。首先，这是修改后的部分 Mysql 语句：
drop table if exists `tbl_user`;
CREATE TABLE tbl_user
(
`user_id` INTEGER NOT NULL AUTO_INCREMENT comment '主键',
`username` VARCHAR(128) NOT NULL comment '用户名',
`nickname` VARCHAR(128) NOT NULL comment '昵称',
`password` VARCHAR(128) NOT NULL comment '密码',
`email` VARCHAR(128) NOT NULL comment '邮箱',
`is_delete` tinyint not null default 0 comment '删除标志',
unique key(`username`),
primary key (`user_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 comment='用户表';
drop table if exists `tbl_post`;
CREATE TABLE tbl_post
(
`post_id` INTEGER NOT NULL AUTO_INCREMENT comment '主键',
`title` VARCHAR(128) NOT NULL comment '标题',
`content` TEXT NOT NULL comment '文章内容',
`tags` TEXT comment '标签',
`status` INTEGER NOT NULL comment '状态，0 = 草稿，1 = 审核通过，-1 = 审核不通过，2 = 发布',
`create_time` INTEGER comment '创建时间',
`update_time` INTEGER comment '更新时间',
`author_id` INTEGER NOT NULL comment '作者',
`is_delete` tinyint not null default 0 comment '删除标志',
CONSTRAINT `post_ibfk_1` FOREIGN KEY (author_id)
REFERENCES tbl_user (`user_id`) ON DELETE CASCADE ON UPDATE RESTRICT,
primary key (`post_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 comment='日志表';
两个表一个存储作者信息一个存储日志，其中日志有一个外键关联到 user。两个表里面的 is_delete 字段是标志该条记录是否被删除，0 为未删除，1 为已删除。让我们看一下用 gii 生成的 Post 类的 relation 方法：
/**
* @return array relational rules.
*/
public function relations()
{
// NOTE: you may need to adjust the relation name and the related
// class name for the relations automatically generated below.
return array(
'comments' => array(self::HAS_MANY, 'Comment', 'post_id'),
'author' => array(self::BELONGS_TO, 'User', 'author_id'),
);
}
其中的 author 外键作为 BELONGS_TO 关系存在，符合我们的预期。
说了这么多，看看自动生成的 Post 中 admin.php 里 CGridView 的代码吧：
<"htmlcode"><"是":"否"' //value 是可以执行 php 语句的哦 ) array( 'class'=>'CButtonColumn', ), ), )); "htmlcode">array( 'name'=>'is_delete', 'value'=>'is_delete"是":"否"' //value 是可以执行 php 语句的哦 'filter' => array(0=>'否',1=>'是'), //自己定义搜索过滤的方式，这里为 是 和 否 的下拉菜单 'htmlOptions'=>array('class'=>'delete'), //可以定义 html 选项，这里是定义了带一个 delete 的类 ),上面我们用 name 的话那是 model 里原来就有的字段，如果我们想展示自己定义的新内容呢，用 header :
array( 'header'=>'备注', 'value'=> 'display your data' ),添加 CCheckBoxColumn ：
有时也许我们会需要一个复选框，来对每一行进行选择，这时，我们可以增加一列，用 CCheckBoxColumn 类：<"是":"否"', //value 是可以执行 php 语句的哦 'filter' => array(0=>'否',1=>'是'), //自己定义搜索过滤的方式，这里为 是 和 否 的下拉菜单 'htmlOptions'=>array('class'=>'delete'), //可以定义 html 选项，这里是定义了带一个 delete 的类 ), array( 'class'=>'CButtonColumn', ), ), ));修改ButtonColumn：
注意到列表每一项的最后三个小图标吗？不需要的话当然是直接删了，那要是只要其中某几个呢？可以加一个 template 参数：array( 'class'=>'ButtonColumn', 'template'=>"{view} {update}", ),也可以自定义按钮：
array( 'class'=>'ButtonColumn', 'template'=>"{view} {update} {print}", 'buttons'=>array( 'print'=>array( 'label'=>'打印', 'url'=>'Yii::app()->controller->createUrl("print", array("id"=>$data->post_id))', 'options'=>array("target"=>"_blank"), ), ), ),刷新时触发 Javascript：
如果你想在每次搜索之后触发一些 Javascript ，Yii 也提供了这个选项，你只要写成一个函数然后设置 afterAjaxUpdate 就好，记住这只是在 ajax 请求完成之后调用的，如果你想在 页面 一开始加载完成就调用的话需要另外加到页面的 Javascript$js = <<<_JS_ function(){ alert('The ajax finish'); } _JS_; $this->widget('zii.widgets.grid.CGridView', array( 'id'=>'post-grid', 'dataProvider'=>$model->search(), 'filter'=>$model, 'afterAjaxUpdate'=>$js, //看这里，ajax 之后调用的 javascript 在这里.... 'columns'=>array( array( 'selectableRows' => 2, //允许多选，改为 0 时代表不允许修改，1 的话为单选 'class' => 'CCheckBoxColumn',//复选框 'headerHtmlOptions' => array('width'=>'18px'), 'checkBoxHtmlOptions' => array('name' => 'myname','class'=>'myclass'), ), ....添加 关联表 相关字段的搜索：
先说一句，我们在这里只谈 ”一对多“ 的关联搜索，首先，不要忘了我们的数据库，忘记的同学请戳这里：这里，可以看到在 tbl_post 中是有一个外键关联到 tbl_user 表的，用以查找作者的相关信息。建了数据库之后，看看我们生成的 Yii 代码的 POST 的 Model， 里面的 realtion 如下（忽略 comment 的）：/** * @return array relational rules. */ public function relations() { // NOTE: you may need to adjust the relation name and the related // class name for the relations automatically generated below. return array( 'comments' => array(self::HAS_MANY, 'Comment', 'post_id'), 'author' => array(self::BELONGS_TO, 'User', 'author_id'), ); }可以看到 POST 和 USER 表可以通过 author 键进行访问，例如: $model->author->nickname,而且 这里是 BELONGS_TO 关系。
说了这么多，我们的需求究竟是什么？....产品经理推了推眼镜：”我们要在日志的后台管理界面加一个功能，可以通过作者名称搜索到相应的文章。这个比较急，今晚就要完成。“
淡定淡定，不就是改需求吗。忽略进度要求，我们研究一下究竟要做什么。
其实很简单的，不就是在 POST 的 admin 界面中增加一列作者名称，然后可以通过作者名的 模糊搜索 去找到对应日志吗？看看代码，要是通过 作者 id 去搜索不就简单了吗？不过这样确实不太友好...如果是展示作者名字而已不也是很简单吗？加一个 header 然后 value 是 $data->author->username, 问题是这样只能展示，不能进行搜索...哎，好苦恼。
淡定淡定，不就是多个搜索吗？来，让我告诉你怎么做。首先，我们进入 POST 的 model,在一开始的地方添加一个属性：
class Post extends CActiveRecord { public $name; //添加一个 public 属性，代表作者名 然后改一下 Model 里面 search 的代码，改动部分都已经加了注释： public function search() { // @todo Please modify the following code to remove attributes that should not be searched. $criteria=new CDbCriteria; $criteria->with = array('author'); //添加了和 author 的渴求式加载 $criteria->compare('post_id',$this->post_id); $criteria->compare('title',$this->title,true); $criteria->compare('content',$this->content,true); $criteria->compare('tags',$this->tags,true); $criteria->compare('status',$this->status); $criteria->compare('create_time',$this->create_time); $criteria->compare('update_time',$this->update_time); $criteria->compare('author_id',$this->author_id); //这里添加了一个 compare, username 是 User 表的字段,$this->name 是我们添加的属性,true 为模糊搜索 $criteria->compare('username',$this->name,true); return new CActiveDataProvider($this, array( 'criteria'=>$criteria, )); }
然后在 view 里面，就是 post 文件夹的 admin.php ，CGridView 改为下面代码：<"htmlcode">public function rules() { // NOTE: you should only define rules for those attributes that // will receive user inputs. return array( array('title, content, status, author_id', 'required'), array('status, create_time, update_time, author_id', 'numerical', 'integerOnly'=>true), array('title', 'length', 'max'=>128), array('tags', 'safe'), // The following rule is used by search(). // @todo Please remove those attributes that should not be searched. array('post_id, title, content, tags, status, create_time, update_time, author_id, name', 'safe', 'on'=>'search'), ); }
标签：PHP,Yii