Yii Framework 开发教程(33) Zii组件-Accordion示例

最新推荐文章于 2025-12-01 11:08:25 发布

最新推荐文章于 2025-12-01 11:08:25 发布 · 172 阅读

文章标签：

#ui #php

本文介绍YII框架下zii.widgets.jui包中的CJuiAccordion组件使用方法，该组件允许创建可折叠的手风琴式面板。文章提供了配置示例，包括定义多个面板、设置可折叠选项及样式。

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插件。

本例下载