Yii Framework 开发教程(33) Zii组件-Accordion示例
2012-12-31 09:26
525 查看
Zii组件中包含了一些基于JQuery的UI组件,这些UI组件定义在包zii.widgets.jui中,包括CJuiAccordion ,CJuiAutoComplete,CJuiDatePicker等。本篇介绍CJuiAccordion,显示一个Accordion组件(类似手风琴可以折叠的UI组件)。这个控件封装了 JUI Accordion插件。基本用法如下:
通过定义panels 属性定义Accordion的几个可折叠的页面,通过配置 options传送参数给 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插件。
本例下载
相关文章推荐
- Yii Framework 开发教程(33) Zii组件-Accordion示例
- Yii Framework 开发教程(33) Zii组件-Accordion示例
- Yii Framework 开发教程(31) Zii组件-DetailView 示例
- Yii Framework 开发教程(39) Zii组件-Slider示例
- Yii Framework 开发教程(41) Zii组件-Tabs示例
- Yii Framework 开发教程(41) Zii组件-Tabs示例
- Yii Framework 开发教程(29) Zii组件-Menu 示例
- Yii Framework 开发教程(42) Zii组件-Draggable示例
- Yii Framework 开发教程(32) Zii组件-GridView示例
- Yii Framework 开发教程(43) Zii组件-Droppable示例
- Yii Framework 开发教程(29) Zii组件-Menu 示例
- Yii Framework 开发教程(38) Zii组件-ProgressBar示例
- Yii Framework 开发教程(34) Zii组件-AutoComplete示例
- Yii Framework 开发教程(42) Zii组件-Draggable示例
- Yii Framework 开发教程(29) Zii组件-Menu 示例
- Yii Framework 开发教程(36) Zii组件-DatePicker示例
- Yii Framework 开发教程(34) Zii组件-AutoComplete示例
- Yii Framework 开发教程(30) Zii组件-ListView 示例
- Yii Framework 开发教程(35) Zii组件-Button示例
- Yii Framework 开发教程(46) Zii组件-Sortable示例