The Zii component contains some JQuery-based UI components, which are defined in the package zii.widgets.jui, including CJuiAccordion, CJuiAutoComplete, CJuiDatePicker, etc. This article introduces CJuiAccordion, which displays an Accordion component (a UI component that can be folded like an accordion). This control encapsulates the JUI Accordion plug-in.
The basic usage is as follows:
[php]
$this->widget('zii.widgets.jui.CJuiAccordion', array(
'panels'=>array(
'panel 1'=>'Content for panel 1',
'panel 2'=>'Content for panel 2',
'panel 3'=>$this->renderPartial('_content1',null,true),
),
'options'=>array(
'collapsible'=>true,
'active'=>1,
),
'htmlOptions'=>array(
'style'=>'width:500px;'
),
) );
?>
$this->widget('zii.widgets.jui.CJuiAccordion', array(
'panels'=>array(
'panel 1'=>'Content for panel 1',
'panel 2'=>'Content for panel 2',
'panel 3'=>$this->renderPartial('_content1',null,true),
),
'options'=>array(
'collapsible'=>true,
'active'=>1,
),
'htmlOptions'=>array(
'style'=>'width:500px;'
),
));
?>
Define several foldable pages of Accordion by defining the panels attribute, and send parameters to the JUI Accordion plug-in by configuring options.
http://www.bkjia.com/PHPjc/477834.htmlwww.bkjia.comtruehttp: //www.bkjia.com/PHPjc/477834.htmlTechArticleThe Zii component contains some UI components based on JQuery, which are defined in the package zii.widgets.jui , including CJuiAccordion, CJuiAutoComplete, CJuiDatePicker, etc. This article introduces CJuiAcc...
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
