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

CJuiTabs 顯示分頁 UI 組件，和 Yii Framework 開發(fā)教程(17) UI 組件 TabView 示例功能類似，它封裝了 JUI tabs 插件。

前基本用法如下：

    <?php $this->widget('zii.widgets.jui.CJuiTabs', array(
    'tabs'=>array(
        'Static tab'=>'Static content',
        'Render tab'=>$this->renderPartial('pages/_content1',null,true),
        'Ajax tab'=>array('ajax'=>array('ajaxContent','view'=>'_content2')),
        ),
    'options'=>array(
        'collapsible'=>true,
        'selected'=>1,
        ),
    'htmlOptions'=>array(
        'style'=>'width:500px;'
        ),
    )); ?>

顯示了三個頁面不同內(nèi)容顯示方法，Static Tab 顯示一個靜態(tài)內(nèi)容，Render Tab 使用 Partial 渲染一個頁面，而 Ajax Tab 則通過 AJAX 顯示一個頁面，注意后面兩個需要在 SiteController 中定義 Actions 如下：

    public function actions()
    {
        return array(
            'page'=>array(
                    'class'=>'CViewAction',
                    ),
            // ajaxContent action renders
            //"static" pages stored under 'protected/views/site/pages'
            // They can be accessed via:
            //index.php?r=site/ajaxContent&view=FileName
            'ajaxContent'=>array(
                    'class'=>'application.controllers.AjaxViewAction',
                ),
            );
    }

其中 AjaxViewAction 為一自定義 ViewAction，為 CViewAction 的子類，可以顯示靜態(tài)頁面，其定義如下：

    class AjaxViewAction extends CViewAction
    {
        private $_viewPath;

        public function run()
        {
            if(Yii::app()->request->isAjaxRequest)
            {
                $this->resolveView($this->getRequestedView());
                $controller=$this->getController();
                $controller->renderPartial($this->view, null, false, true);
            }
            else
                throw new CHttpException(400,'Invalid request.
               Please do not repeat this request again.');
        }
    }

顯示結(jié)果如下：

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

本例下載