Yii Framework 开发教程(17) UI 组件 TabView示例
来源:互联网 发布:电子风水罗盘软件 编辑:程序博客网 时间:2024/06/04 23:33
CTabView 用来显示分页标签,使用TabView的基本方法是配置tabs属性,每个Tab可以配置如下属性
- title:标签标题.
- content: 标签显示内容.
- view: 标签显示View的名称,如果同时制定Content,则显示Content内容。
- url: 点击该标签时页面重定向到指定URL.
- data: 当指定View属性时传给该View的属性数组.
本例显示三个标签页,分别使用不同的标签内容:
<div class="form"><?php $form=$this->beginWidget('CActiveForm'); ?> <?php $this->widget('CTabView',array( 'activeTab'=>'tab2', 'tabs'=>array( 'tab1'=>array( 'title'=>'Static tab', 'content'=>'Content for tab 1' ), 'tab2'=>array( 'title'=>'Render tab', 'view'=>'view' ), 'tab3'=>array( 'title'=>'Url tab', 'url'=>Yii::app()->createUrl("site/url"), ) ), 'htmlOptions'=>array( 'style'=>'width:500px;' ) )); ?> <div class="row submit"> <?php echo CHtml::submitButton('Submit'); ?> </div><?php $this->endWidget(); ?></div><!-- form -->
TabView缺省情况下第一个页面为当前页面,可以通过activeTab来修改当前页面,如本例将第二也设为当前页。
本例下载
- Yii Framework 开发教程(17) UI 组件 TabView示例
- Yii Framework 开发教程(17) UI 组件 TabView示例
- Yii Framework 开发教程(11) UI 组件 ActiveForm示例
- Yii Framework 开发教程(12) UI 组件 ClipWidget示例
- Yii Framework 开发教程(13) UI 组件 ContentDecorator示例
- Yii Framework 开发教程(14) UI 组件 MaskedTextField示例
- Yii Framework 开发教程(15) UI 组件 MultiFileUpload示例
- Yii Framework 开发教程(16) UI 组件 StarRating示例
- Yii Framework 开发教程(18) UI 组件 TextHighlighter示例
- Yii Framework 开发教程(19) UI 组件 TreeView示例
- Yii Framework 开发教程(20) UI 组件 Captcha示例
- Yii Framework 开发教程(21) UI 组件 自定义Captcha示例
- Yii Framework 开发教程(11) UI 组件 ActiveForm示例
- Yii Framework 开发教程(12) UI 组件 ClipWidget示例
- Yii Framework 开发教程(13) UI 组件 ContentDecorator示例
- Yii Framework 开发教程(14) UI 组件 MaskedTextField示例
- Yii Framework 开发教程(15) UI 组件 MultiFileUpload示例
- Yii Framework 开发教程(16) UI 组件 StarRating示例
- 说说Android桌面(Launcher应用)背后的故事(二)——应用程序的添加
- 编写程序时候出现了问题ClassCastException: interface javax.xml.soap.Text
- 趣味编程:C#扫雷代码
- Windows7 下载android源码
- Zookeeper源码之ZookeeperServer
- Yii Framework 开发教程(17) UI 组件 TabView示例
- Java根据当前日期获得这一周的日期
- 日期与时间组件 进度条组件
- 图像处理--GIF和静态图叠加(二)
- struts 2/通过例子学习
- Android开发环境搭建
- [学习笔记]Linux下使用Emacs:交换Ctrl和Caps lock键
- 改进 阶段项目---银行系统
- http详解