Yii Framework 开发教程(32) Zii组件-GridView示例

jerry Yii 2015年11月24日收藏

CGridView 以表格的形式顯示數據，CGridView 也支持分頁和排序，CGridView最基本的用法和ListView類型，也是通過設置 data provider，通常是CActiveDataProvider。

修改上個例子Yii Framework 開發教程(31) Zii組件-DetailView 示例，把ListView該為GridView：

<?php $this->widget('zii.widgets.grid.CGridView', array(
	'dataProvider'=>$dataProvider,
	'ajaxUpdate'=>false,
	'template'=>'{pager}{summary}{items}{pager}',

)); ?>

顯示結果如下：可以看到GridView預設顯示了所有的欄位，並使用預設的格式顯示欄位，如果需要控制欄位顯示和格式，可以通過配置 CGridView::columns屬性來實現。GridView的每列為一個CGridColumn對象：

CGridColumn為所有Grid 列表項的基類，表格的每例可以有一個表頭，多個數據單元，和一個可選的表尾單元格。
CButtonColumn 表示該單元格為一個或多個按鈕，預設顯示三個按鈕， ?view?, ?update? 和?delete?,可以通過設置 buttons 和 template來更改。
CCheckBoxColumn 表示該單元格為Checkbox，支持只讀，單選或多選，通過配置selectableRows來修改
CDataColumn 表示該單元為數據或是表達式，通過配置name或value，前者表示數據模型的屬性名稱，後者代碼一個PHP表達式。
CLinkColumn 表示一個超鏈接，通過配置 label ， url或 imageUrl來設置鏈接。

重新定义GridView的columns属性如下：

<?php $this->widget('zii.widgets.grid.CGridView', array(
	'id'=>'person-grid',
	'dataProvider'=>$dataProvider,
	'htmlOptions'=>array('style'=>'width:740px'),
	'pager'=>array(
				'maxButtonCount'=>'7',
				),
			'columns'=>array(

				array(
					'header'=>'Name',
					'type'=>'raw',
					'value'=>'CHtml::link($data->FirstName .
					 " " . $data->LastName,
					 $this->grid->controller->createUrl
					("view",array("CustomerId"=>$data->CustomerId)))',

					),

				'Company',

				array(
					'class'=>'CLinkColumn',
					'header'=>'Email',
					'imageUrl'=>'images/email.png',
					'labelExpression'=>'$data->Email',
					'urlExpression'=>'"mailto://".$data->Email',
					'htmlOptions'=>array('style'=>'text-align:center'),
					),
				array(
					'class'=>'CButtonColumn',
					'deleteConfirmation'=>'Are you sure to delete this item?',
					),
				),

));
?>

顯示如下：

201212128008.png.jpg 點擊姓名可以顯示DetailView。 ButtonColumn 的update,search,delete沒有添加對應的view ，就留給你自己加上了。