鍍金池/ 教程/ PHP/ Yii Framework 開發(fā)教程(31) Zii 組件-DetailView 示例
Yii Framework 開發(fā)教程(16) UI 組件 StarRating 示例
Yii Framework 開發(fā)教程(2) Yii Web 應(yīng)用基礎(chǔ)
Yii Framework 開發(fā)教程(19) UI 組件 TreeView 示例
Yii Framework 開發(fā)教程(39) Zii 組件-Slider 示例
Yii Framework 開發(fā)教程(45) Zii 組件-Selectable 示例
Yii Framework 開發(fā)教程(44) Zii 組件-Resizable 示例
Yii Framework 開發(fā)教程(8) 使用 FormModel
Yii Framework 開發(fā)教程(42) Zii 組件-Draggable 示例
Yii Framework 開發(fā)教程(18) UI 組件 TextHighlighter 示例
Yii Framework 開發(fā)教程(32) Zii 組件-GridView 示例
Yii Framework 開發(fā)教程(30) Zii 組件-ListView 示例
Yii Framework 開發(fā)教程(9) UI 組件 Widget 概述
Yii Framework 開發(fā)教程(17) UI 組件 TabView 示例
Yii Framework 開發(fā)教程(24) 數(shù)據(jù)庫-DAO 示例
Yii Framework 開發(fā)教程(25) 數(shù)據(jù)庫-Query Builder 示例
Yii Framework 開發(fā)教程(21) UI 組件 自定義 Captcha 示例
Yii Framework 開發(fā)教程(38) Zii 組件-ProgressBar 示例
Yii Framework 開發(fā)教程(20) UI 組件 Captcha 示例
Yii Framework 開發(fā)教程(14) UI 組件 MaskedTextField 示例
Yii Framework 開發(fā)教程(22) UI 組件 Zii 組件簡介
Yii Framework 開發(fā)教程(31) Zii 組件-DetailView 示例
Yii Framework 開發(fā)教程(33) Zii 組件-Accordion 示例
Yii Framework 開發(fā)教程(36) Zii 組件-DatePicker 示例
Yii Framework 開發(fā)教程(6) CComponent 組件
Yii Framework 開發(fā)教程(37) Zii 組件-Dialog 示例
Yii Framework 開發(fā)教程(26) 數(shù)據(jù)庫-Active Record 示例
Yii Framework 開發(fā)教程(29) Zii組件-Menu 示例
Yii Framework 開發(fā)教程(46) Zii 組件-Sortable 示例
Yii Framework 開發(fā)教程(10) UI 組件 自定義組件
Yii Framework 開發(fā)教程(11) UI 組件 ActiveForm 示例
Yii Framework 開發(fā)教程(43) Zii 組件-Droppable 示例
Yii Framework 開發(fā)教程(27) 數(shù)據(jù)庫-關(guān)聯(lián) Active Record 示例
Yii Framework 開發(fā)教程(47) 主題 Theme 示例
Yii Framework 開發(fā)教程(48) 多國語言示例
Yii Framework 開發(fā)教程(35) Zii 組件-Button 示例
Yii Framework 開發(fā)教程(3) 為應(yīng)用添加日志
Yii Framework 開發(fā)教程(23) 數(shù)據(jù)庫-概述
Yii Framework 開發(fā)教程(12) UI 組件 ClipWidget 示例
Yii Framework 開發(fā)教程(41) Zii 組件-Tabs 示例
Yii Framework 開發(fā)教程(34) Zii 組件-AutoComplete 示例
Yii Framework 開發(fā)教程(40) Zii 組件-SliderInput 示例
Yii Framework 開發(fā)教程(5) URL 管理
Yii Framework 開發(fā)教程(4) Hangman 猜單詞游戲?qū)嵗?/span>
Yii Framework 開發(fā)教程(15) UI 組件 MultiFileUpload 示例
Yii Framework 開發(fā)教程(7) 使用 CHtml 創(chuàng)建 Form
Yii Framework 開發(fā)教程(28) Data Provider 簡介
Yii Framework 開發(fā)教程(1) 第一個應(yīng)用 Hello World
Yii Framework 開發(fā)教程(13) UI 組件 ContentDecorator 示例

Yii Framework 開發(fā)教程(31) Zii 組件-DetailView 示例

CDetailView 為某個 Model 顯示詳細(xì)內(nèi)容。這個要顯示的 Model 可以為 CModel 或是關(guān)聯(lián)數(shù)組。

CDetailView 通過配置 attributes 來決定 Model 的那些屬性需要顯示已經(jīng)以何種格式顯示。

每個屬性可以使用 Name:Type:Label 來配置。其中 Type 和 Label 都是可選的。

  • ame” 屬性名稱.
  • “Label” 可以選,屬性的標(biāo)簽名,如果沒有配置,則使用屬性名稱做為標(biāo)簽名稱.
  • “Type” 屬性的類型,通過類型來決定顯示的格式 formatter.可以使用的類型有 raw, text, ntext, html, date, time, datetime, boolean, number, email, image, url. 等,缺省使用 text.

本例修改上例 Yii Framework 開發(fā)教程(30) Zii 組件-ListView 示例 ,修改顯示列表的列表項模版_view.php ,使客戶名稱由普通文字變?yōu)?Link。


    <h3><?php echo CHtml::link($data->FirstName . ' ' . $data->LastName,
    $this->createUrl('view',array('CustomerId'=>$data->CustomerId)));?></h3>

當(dāng)點擊客戶姓名時,轉(zhuǎn)到鏈接 view.php, 傳入?yún)?shù) CustomerId 設(shè)為 Customer 的 ID。

創(chuàng)建 View.php,使用 CDetailView 組件


    <h2><?php echo 'View Customer'; ?></h2>

    <?php $this->widget('zii.widgets.CDetailView', array(
        'data'=>$model,
        'attributes'=>array(

                    'FirstName',
                    'LastName',
                    'Company',
                    'Address',
                    'City',
                    'State',
                    'Country',
                    'PostalCode',
                    'Phone',
                    'Fax',
                    'Email',
                    array(
                        'name'=>'Employee',
                        'value'=>$model->employee->FirstName,
                        ),

                    ),
                ));
    ?>

使用缺省的格式顯示 Customer 的每個字段,主要的 Employee 字段,表 Customer 定義的是 SupportRepId 做為外鍵參考 Employee,因此修改類 Customer 定義 Relations,參考 Yii Framework 開發(fā)教程(27) 數(shù)據(jù)庫-關(guān)聯(lián) Active Record 示例


    public function relations()
    {
        return array(
            'employee'=>array(self::BELONGS_TO,
            'Employee', 'SupportRepId'),
            );
    }

顯示結(jié)果如下:

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/31.1.jpg" alt="picture31.1" />

本例下載