- 1 第一个应用 Hello World
- 2 Yii Web 应用基础
- 3 为应用添加日志
- 4 Hangman 猜单词游戏实例
- 5 URL 管理
- 6 CComponent 组件
- 7 使用 CHtml 创建 Form
- 8 使用 FormModel
- 9 UI 组件 Widget 概述
- 10 UI 组件 自定义组件
- 11 UI 组件 ActiveForm 示例
- 12 UI 组件 ClipWidget 示例
- 13 UI 组件 ContentDecorator 示例
- 14 UI 组件 MaskedTextField 示例
- 15 UI 组件 MultiFileUpload 示例
- 16 UI 组件 StarRating 示例
- 17 UI 组件 TabView 示例
- 18 UI 组件 TextHighlighter 示例
- 19 UI 组件 TreeView 示例
- 20 UI 组件 Captcha 示例
- 21 UI 组件 自定义 Captcha 示例
- 22 UI 组件 Zii 组件简介
- 23 数据库-概述
- 24 数据库-DAO 示例
- 25 数据库-Query Builder 示例
- 26 数据库-Active Record 示例
- 27 数据库-关联 Active Record 示例
- 28 Data Provider 简介
- 29 Zii 组件-Menu 示例
- 30 Zii 组件-ListView 示例
- 31 Zii 组件-DetailView 示例
- 32 Zii 组件-GridView 示例
- 33 Zii 组件-Accordion 示例
- 34 Zii 组件-AutoComplete 示例
- 35 Zii 组件-Button 示例
- 36 Zii 组件-DatePicker 示例
- 37 Zii 组件-Dialog 示例
- 38 Zii 组件-ProgressBar 示例
- 39 Zii 组件-Slider 示例
- 40 Zii 组件-SliderInput 示例
- 41 Zii 组件-Tabs 示例
- 42 Zii 组件-Draggable 示例
- 43 Zii 组件-Droppable 示例
- 44 Zii 组件-Resizable 示例
- 45 Zii 组件-Selectable 示例
- 46 Zii 组件-Sortable 示例
- 47 主题 Theme 示例
- 48 多国语言示例
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
17 UI 组件 TabView 示例
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 来修改当前页面,如本例将第二也设为当前页。
图片 17.1 picture17.1
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论