Yii框架拓展之JUI 轻松做TAB标签

来源:互联网 发布:淘宝解封lol账号 编辑:程序博客网 时间:2024/06/06 07:10

CJuiTabs显示一个选项卡部件。
CJuiTabs封装了JUI tabs 插件。 

示例:在view中添加如下代码

<?php       $this->widget('zii.widgets.jui.CJuiTabs', array(    'tabs'=>array(        '选项卡 1'=>'内容1',        '选项卡 2'=>array('content'=>'内容2', 'id'=>'tab2'),        // 面板3包含内容呈现的部分视图        //  'AjaxTab'=>array('ajax'=>$ajaxUrl),    ),    // 额外的javascript选项选项卡的插件    'options'=>array(        'collapsible'=>true,    ),));?>


对于tabs而言,对于复杂内容的渲染结合使用renderPartial();(下面的代码可能没法直接运行,可以思考下用法)


<?php        $this->widget('zii.widgets.jui.CJuiTabs', array(            'tabs'=>array(                Yii::t('book','基本信息') => $this->renderPartial('_basic',array(                        'model' => $model,                        'form' => $form,                ),true),                Yii::t('book','作品标签') => array('ajax'=> $this->createUrl('tag/boxList',array('tag'=>$model->tag))),                Yii::t('book','作品封面') => $this->renderPartial('_image',array(                        'model'=>$model,                        'form'=>$form,                ),true),                Yii::t('book','作品公告') => $this->renderPartial('_notice',array(                        'model'=>$model,                        'form'=>$form,                ),true),            ),            // additional javascript options for the tabs plugin            'options'=>array(                'collapsible'=>false,            ),        ));  ?>