YiiFramework开发教程(33)Zii组件Accordion示例

Zii组件中包含了一些基于JQuery的UI组件&＃xff0c;这些UI组件定义在包zii.widgets.jui中&＃xff0c;包括CJuiAccordion &＃xff0c;CJuiAutoComplete&＃xff0c;CJuiDatePicker等。本篇介绍CJuiAccordion&＃xff0c;显示一个Accordion组件&＃xff08;类似手风琴可以折叠的UI组件&＃xff09;。这个控件封装了 JUI Accordion插件。

基本用法如下&＃xff1a;

$this->widget(&＃39;zii.widgets.jui.CJuiAccordion&＃39;, array(&＃39;panels&＃39;&＃61;>array(&＃39;panel 1&＃39;&＃61;>&＃39;Content for panel 1&＃39;,&＃39;panel 2&＃39;&＃61;>&＃39;Content for panel 2&＃39;,&＃39;panel 3&＃39;&＃61;>$this->renderPartial(&＃39;_content1&＃39;,null,true),),&＃39;options&＃39;&＃61;>array(&＃39;collapsible&＃39;&＃61;>true,&＃39;active&＃39;&＃61;>1,),&＃39;htmlOptions&＃39;&＃61;>array(&＃39;style&＃39;&＃61;>&＃39;width:500px;&＃39;),));?>


通过定义panels 属性定义Accordion的几个可折叠的页面&＃xff0c;通过配置 options传送参数给 JUI Accordion插件。

本例下载