牛骨文教育服务平台(让学习变的简单)
博文笔记

Yii CGridView 基本使用(一)初展身手

创建时间:2014-09-02 投稿人: 浏览次数:4265

     在 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 的代码吧:

<?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",
		),
	),
)); ?>

    看!虽然我们什么都没写,但这就是这个控件的最基础使用了。dataProvider 是由 model 里面的 search 函数提供的数据,filter...暂时看不出这里的作用,columns 控制展示的每一列,其中最后一项的 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 里面填写,下面是比较常见的使用方式(其他部分代码省略):

        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"
        ),


     PS:在这里只谈我常用的部分,详细请看文档:CGridView

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。