CJuiAccordion

$this->widget('zii.widgets.jui.CJuiAccordion',array(
    'panels'=>array(
        'panel 1'=>'content for panel 1',
        'panel 2'=>'content for panel 2',
        // panel 3 contains the content rendered by a partial view
        'panel 3'=>$this->renderPartial('_partial',null,true),
    ),
    // additional javascript options for the accordion plugin
    'options'=>array(
        'animate'=>'bounceslide',
    ),
));

Property Details

contentTemplate property

public string $contentTemplate;

the template that is used to generated every panel content. The token "{content}" in the template will be replaced with the panel content.

headerTemplate property

public string $headerTemplate;

the template that is used to generated every panel header. The token "{title}" in the template will be replaced with the panel title. Note that if you make change to this template, you may also need to adjust the 'header' setting in options.

panels property

public array $panels;

list of panels (panel title=>panel content). Note that neither panel title nor panel content will be HTML-encoded.

tagName property

public string $tagName;

the name of the container element that contains all panels. Defaults to 'div'.

Method Details

run() method

public void run()

public function run()
{
    $id=$this->getId();
    if(isset($this->htmlOptions['id']))
        $id=$this->htmlOptions['id'];
    else
        $this->htmlOptions['id']=$id;

    echo CHtml::openTag($this->tagName,$this->htmlOptions)."\n";
    foreach($this->panels as $title=>$content)
    {
        echo strtr($this->headerTemplate,array('{title}'=>$title))."\n";
        echo strtr($this->contentTemplate,array('{content}'=>$content))."\n";
    }
    echo CHtml::closeTag($this->tagName);

    $options=CJavaScript::encode($this->options);
    Yii::app()->getClientScript()->registerScript(__CLASS__.'#'.$id,"jQuery('#{$id}').accordion($options);");
}

Run this widget. This method registers necessary javascript and renders the needed HTML code.