PHP開發架構Yii Framework教程(33) Zii組件-Accordion樣本

Zii組件中包含了一些基於JQuery的UI組件，這些UI組件定義在包zii.widgets.jui中，包括CJuiAccordion ， CJuiAutoComplete，CJuiDatePicker等。本篇介紹CJuiAccordion，顯示一個Accordion組件（類似手風琴可以摺疊的UI組件）。 這個控制項封裝了 JUI Accordion外掛程式。

基本用法如下：

<?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;'                 ),                 ));     ?>

通過定義panels 屬性定義Accordion的幾個可摺疊的頁面，通過配置 options傳送參數給 JUI Accordion外掛程式。

本例下載：http://www.imobilebbs.com/download/yii/JuiAccordionDemo.zip

查看全套教程：http://www.bianceng.cn/webkf/PHP/201301/35265.htm