Yii Framework 開發(fā)教程(17) UI 組件 TabView 示例

CTabView 用來顯示分頁標簽，使用 TabView 的基本方法是配置 tabs 屬性，每個 Tab 可以配置如下屬性

• title:標簽標題.
• content: 標簽顯示內(nèi)容.
• view: 標簽顯示View的名稱，如果同時制定 Content，則顯示 Content 內(nèi)容。
• url: 點擊該標簽時頁面重定向到指定 URL.
• data: 當指定 View 屬性時傳給該 View 的屬性數(shù)組.

本例顯示三個標簽頁，分別使用不同的標簽內(nèi)容：

    <div class="form">
    <?php $form=$this->beginWidget('CActiveForm'); ?>

    <?php $this->widget('CTabView',array(
        'activeTab'=>'tab2',
        'tabs'=>array(
                    'tab1'=>array(
                        'title'=>'Static tab',
                        'content'=>'Content for tab 1'
                        ),
                    'tab2'=>array(
                        'title'=>'Render tab',
                        'view'=>'view'
                        ),
                    'tab3'=>array(
                        'title'=>'Url tab',
                        'url'=>Yii::app()->createUrl("site/url"),
                        )
                    ),
                'htmlOptions'=>array(
                    'style'=>'width:500px;'
                    )
    )); ?>

    <div class="row submit">
    <?php echo CHtml::submitButton('Submit'); ?>
    </div>

    <?php $this->endWidget(); ?>
    </div><!-- form -->

TabView 缺省情況下第一個頁面為當前頁面，可以通過 activeTab 來修改當前頁面，如本例將第二也設為當前頁。

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

本例下載