Yii使用CJuiAccordion面板

 Yii框架拓展之JUI CJuiAccordion应用实例

将以下代码放到一个View中：

$this->widget('zii.widgets.jui.CJuiAccordion', array(
    'panels'=>array(
        '面板A'=>'面板A内容',
        '面板B'=>'面板B内容',
        // 面板3包含内容呈现的部分视图
        //'panel 3'=>$this->renderPartial('_partial',null,true),
    ),

    'options'=>array(
        'animated'=>'bounceslide',  //一个切换效果，可以取消看效果变化
    ),
));

效果如下图：

通过配置options属性，你可以指定需要传递给JUI accordion插件的选项。

属性详细
contentTemplate 属性 
public string $contentTemplate;
这个模板习惯于生成每一个面板内容。模板里的“{content}”标记会被面板的内容取代。

headerTemplate 属性 
public string $headerTemplate;
这个模板习惯于生成每一个面板的头部。模板里的“{title}”标志会被面板的标题所取代。请注意，如对此面板做任何改变，你也需要在options相应的调整‘header’。

panels 属性 
public array $panels;
列表面板（panel title=>panel content）。请注意，没有任何面板的标题或者面板的内容被HTML-encoded。

tagName 属性 
public string $tagName;
容器元素的名称，它包含所有的面板。默认为‘div’。

方法详细
run() 方法 
 

public void run()