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 相关文章推荐
功能齐全的PHP发送邮件类代码附详细说明
Jul 10 PHP
PHP 开源AJAX框架14种
Aug 24 PHP
那些年一起学习的PHP(二)
Mar 21 PHP
对象失去焦点时自己动提交数据的实现代码
Nov 06 PHP
input file获得文件根目录简单实现
Apr 26 PHP
不使用php api函数实现数组的交换排序示例
Apr 13 PHP
php实现的短网址算法分享
Jun 20 PHP
php使用gettimeofday函数返回当前时间并存放在关联数组里
Mar 19 PHP
php基于session锁防止阻塞请求的方法分析
Aug 07 PHP
php中通用的excel导出方法实例
Dec 30 PHP
实例分析PHP将字符串转换成数字的方法
Jan 27 PHP
laravel 数据验证规则详解
Oct 23 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
十天学会php之第七天
2006/10/09 PHP
PHP连接Access数据库的方法小结
2013/06/20 PHP
PHP常用函数总结(180多个)
2016/12/25 PHP
PHP的RSA加密解密方法以及开发接口使用
2018/02/11 PHP
PHP 实现重载
2021/03/09 PHP
用Javascript 和 CSS 实现脚注(Footnote)效果
2009/09/09 Javascript
jsp+javascript打造级连菜单的实例代码
2013/06/14 Javascript
jQuery控制TR显示隐藏的几种方法
2014/06/18 Javascript
JavaScript中的this,call,apply使用及区别详解
2016/01/29 Javascript
AngularJS基础 ng-src 指令简单示例
2016/08/03 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
2017/03/27 Javascript
原生JS发送异步数据请求
2017/06/08 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
2017/06/13 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
2017/07/14 Javascript
vue实现留言板todolist功能
2017/08/16 Javascript
Vue页面骨架屏的实现方法
2018/05/22 Javascript
d3绘制基本的柱形图的实现代码
2018/12/12 Javascript
浅探express路由和中间件的实现
2019/09/30 Javascript
构建Vue大型应用的10个最佳实践(小结)
2019/11/07 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
2020/05/12 Javascript
vue递归获取父元素的元素实例
2020/08/07 Javascript
Openlayers3实现车辆轨迹回放功能
2020/09/29 Javascript
python实现电脑自动关机
2018/06/20 Python
解决tensorflow1.x版本加载saver.restore目录报错的问题
2018/07/26 Python
python将txt文件读取为字典的示例
2018/12/22 Python
PyQt5实现简易电子词典
2019/06/25 Python
Python机器学习算法库scikit-learn学习之决策树实现方法详解
2019/07/04 Python
tensorflow如何批量读取图片
2019/08/29 Python
python deque模块简单使用代码实例
2020/03/12 Python
Html5新特性用canvas标签画多条直线附效果截图
2014/06/30 HTML / CSS
留学经费担保书
2014/05/12 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
打架检讨书
2015/01/27 职场文书
标会主持词应该怎么写?
2019/08/15 职场文书
PHP解决高并发问题
2021/04/01 PHP
SQL Server中使用判断语句(IF ELSE/CASE WHEN )案例
2021/07/07 SQL Server