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

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

 
    
     
         
  1. $this->widget('zii.widgets.jui.CJuiAccordion', array( 
    2.  
         
  2.     'panels'=>array( 
    3.  
         
  3.         '面板A'=>'面板A内容', 
    4.  
         
  4.         '面板B'=>'面板B内容', 
    5.  
         
  5.         // 面板3包含内容呈现的部分视图 
    6.  
         
  6.         //'panel 3'=>$this->renderPartial('_partial',null,true), 
    7.  
         
  7.     ), 
    8.  
         
  8.  
    9.  
         
  9.     'options'=>array( 
    10.  
         
  10.         'animated'=>'bounceslide',  //一个切换效果，可以取消看效果变化 
    11.  
         
  11.     ), 
    12.  
         
  12. )); 
    13.  
        
 
    
效果如下图：
 
    
 
    
通过配置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() 方法 
  
 
    
 
    
     
         
  1. public void run() 
    2.