在 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'),
- );
- }
说了这么多,看看自动生成的 Post 中 admin.php 里 CGridView 的代码吧:
- <?php $this->widget('zii.widgets.grid.CGridView', array(
- 'id'=>'post-grid',
- 'dataProvider'=>$model->search(),
- 'filter'=>$model,
- 'columns'=>array(
- 'post_id',
- 'title',
- 'content',
- 'tags',
- 'status',
- 'create_time',
- 'update_time',
- 'author_id',
- 'is_delete',
- array(
- 'class'=>'CButtonColumn',
- ),
- ),
- )); ?>
接下来我们一点点地改造.
用 CGridView 展示我们真正要的数据形式:
很多时候,数据库里的东西不适合直接展示给用户看,需要我们进行一定的处理之后才适合阅读。但在这里不经修改的话 CGridView 只会把数据库的值原封不动地呈现,所以,我们应该在相应的字段进行修改。比如 is_delete 字段,数据库里存放的是 0 和 1,但是在这里阅读就不太好了,我们应该改成 1 展示 '是' ,0展示 '否'。看看下面的代码,我们用了一个 array,两个键分别是 name 和 value,name 对应的要填写该 model 拥有的字段,而 value 是你想展示的数据,这里可以写成一个 php 语句,作为可以执行的代码。看到这里,是不是觉得对这个 value 我们可以做很多东西?有的同学可能要问,如果我想执行的代码很长,难道都写在 value 里面?。。。我说同学,你不会在其他地方写成一个函数然后在这里调用它吗??
- <?php $this->widget('zii.widgets.grid.CGridView', array(
- 'id'=>'post-grid',
- 'dataProvider'=>$model->search(),
- 'filter'=>$model,
- 'columns'=>array(
- 'post_id',
- 'title',
- 'content',
- 'tags',
- 'status',
- 'create_time',
- 'update_time',
- 'author_id',
- 'is_delete',
- array(
- 'name'=>'is_delete',
- 'value'=>'is_delete?"是":"否"' //value 是可以执行 php 语句的哦
- )
- array(
- 'class'=>'CButtonColumn',
- ),
- ),
- )); ?>
- array(
- 'name'=>'is_delete',
- 'value'=>'is_delete?"是":"否"' //value 是可以执行 php 语句的哦
- 'filter' => array(0=>'否',1=>'是'), //自己定义搜索过滤的方式,这里为 是 和 否 的下拉菜单
- 'htmlOptions'=>array('class'=>'delete'), //可以定义 html 选项,这里是定义了带一个 delete 的类
- ),
- array(
- 'header'=>'备注',
- 'value'=> 'display your data'
- ),