Zii元件中包含了一些基於JQuery的UI元件,這些UI元件定義在套件zii.widgets.jui中,包括CJuiAccordion , CJuiAutoComplete,CJuiDatePicker等。本篇介紹CJuiAccordion,顯示一個Accordion組件(類似手風琴可以折疊的UI組件)。 這個控制項封裝了 JUI Accordion外掛程式。
基本用法如下:
$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外掛程式。
以上就是PHP開發框架Yii Framework教程(33) Zii組件-Accordion範例的內容,更多相關內容請關注PHP中文網(www.php.cn)!