Home >Backend Development >PHP Tutorial >Yii Framework Development Tutorial Zii Component-Accordion Example_PHP Tutorial
Yii Framework Development Tutorial Zii Component-Accordion Example_PHP Tutorial
- WBOYOriginal
- 2016-07-14 10:07:45867browse
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.
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Explaining the PHP Framework (1) Basic Concepts_PHP TutorialNext article：Explaining the PHP Framework (1) Basic Concepts_PHP Tutorial