Yii2选项卡的简单使用


Posted in PHP onMay 26, 2017

本文实例为大家分享了Yii2选项卡使用的具体代码,供大家参考,具体内容如下

<!--选项卡开始-->
<?php
echo \yii\bootstrap\Tabs::widget([
'id' => 'tabs',
'renderTabContent' => false, //如果是每个选项卡里要显示的是自定义的DIV或者Render其他页面文件,就设为false.
'linkOptions' => ['data-toggle' => "tab"],
'items' => [
    [
'label' => Yii::t('app', '帐号设置'),
'content' => '',
'headerOptions' => ["id" => 'li_account'], //可设可不设
'url' => '#tab_account',
'active' => true,
    ],
    [
'label' => Yii::t('app', '修改密码'),
'content' => '',
'headerOptions' => ["id" => 'li_password'],
'url' => '#tab_password',
'active' => false,
    ],
    [
'label' => Yii::t('app', '绑定邮箱'),
'content' => '',
'headerOptions' => ["id" => 'li_email'],
'url' => '#tab_email',
'active' => false,
    ]
  ]
]) ?>

<div class="tab-content">
  <!--修改个人信息-->
<div class="tab-pane active"id="tab_account"> <!--ID要对应上面的第1个 item 的URL-->
 内容....
</div>
  <!--修改密码-->
<div class="tab-pane"id="tab_password"> <!--ID要对应上面的第2个 item 的URL-->
 内容....
</div>
  <!--绑定邮箱-->
<div class="tab-pane"id="tab_email"> <!--ID要对应上面的第3个 item 的URL-->
 内容....
</div>
</div>

<!--选项卡结束-->

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
WindowsXP中快速配置Apache+PHP5+Mysql
Jun 05 PHP
在PHP中使用redis
Nov 04 PHP
PHP开发框架kohana3 自定义路由设置示例
Jul 14 PHP
smarty实现多级分类的方法
Dec 05 PHP
thinkphp缓存技术详解
Dec 09 PHP
PHP实现微信发红包程序
Aug 24 PHP
php上传大文件失败的原因及应对策略
Oct 20 PHP
简单谈谈php浮点数精确运算
Mar 10 PHP
PHP身份证校验码计算方法
Aug 10 PHP
php获取远程图片并下载保存到本地的方法分析
Oct 08 PHP
PHP实现活动人选抽奖功能
Apr 19 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
Mar 24 PHP
PHP编程获取各个时间段具体时间的方法
May 26 #PHP
php实现自定义中奖项数和概率的抽奖函数示例
May 26 #PHP
PHP判断密码强度的方法详解
May 26 #PHP
thinkphp实现附件上传功能
May 26 #PHP
微信第三方登录(原生)demo【必看篇】
May 26 #PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
May 26 #PHP
老生常谈PHP面向对象之注册表模式
May 26 #PHP
You might like
How do I change MySQL timezone?
2008/03/26 PHP
shopex主机报错误请求解决方案(No such file or directory)
2011/12/27 PHP
完美实现wordpress禁止文章修订和自动保存的方法
2014/11/03 PHP
php函数重载的替代方法--伪重载详解
2015/05/08 PHP
PHP经典面试题之设计模式(经常遇到)
2015/10/15 PHP
PHP使用xpath解析XML的方法详解
2017/05/20 PHP
jQuery 名称冲突的解决方法
2011/04/08 Javascript
js判断鼠标左、中、右键哪个被点击的方法
2015/01/27 Javascript
JavaScript中的分号插入机制详细介绍
2015/02/11 Javascript
使用jquery实现仿百度自动补全特效
2015/07/23 Javascript
vue.js利用Object.defineProperty实现双向绑定
2017/03/09 Javascript
vue使用drag与drop实现拖拽的示例代码
2017/09/07 Javascript
JavaScript 中使用 Generator的方法
2017/12/29 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
2018/03/20 Javascript
Vue+Express实现登录状态权限验证的示例代码
2019/05/05 Javascript
图解javascript作用域链
2019/05/27 Javascript
JS数组splice操作实例分析
2019/10/12 Javascript
JS操作字符串转数字的常见方法示例
2019/10/29 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
2020/04/23 Javascript
基于Python实现的扫雷游戏实例代码
2014/08/01 Python
Python中解析JSON并同时进行自定义编码处理实例
2015/02/08 Python
简单了解OpenCV是个什么东西
2017/11/10 Python
Python selenium根据class定位页面元素的方法
2019/02/26 Python
Python调用接口合并Excel表代码实例
2020/03/31 Python
利用python控制Autocad:pyautocad方式
2020/06/01 Python
HTML5 直播疯狂点赞动画实现代码 附源码
2020/04/14 HTML / CSS
Hotels.com印度:酒店预订
2019/05/11 全球购物
小学生期末自我鉴定
2014/01/19 职场文书
高三政治教学反思
2014/02/06 职场文书
《充气雨衣》教学反思
2014/04/07 职场文书
财产公证书
2014/04/10 职场文书
小学数学教学经验交流材料
2014/05/22 职场文书
民主生活会意见
2015/06/05 职场文书
陪护人员误工证明
2015/06/24 职场文书
Python的property属性详细讲解
2022/04/11 Python
Python读取和写入Excel数据
2022/04/20 Python