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 数组的创建、调用和更新实现代码
Mar 09 PHP
获取远程文件大小的php函数
Jan 11 PHP
php教程 插件机制在PHP中实现方案
Nov 02 PHP
php中apc缓存使用示例
Dec 25 PHP
ThinkPHP的截取字符串函数无法显示省略号的解决方法
Jun 25 PHP
解析PHP强制转换类型及远程管理插件的安全隐患
Jun 30 PHP
PHP实现搜索相似图片
Sep 22 PHP
php常量详细解析
Oct 27 PHP
深入理解PHP JSON数组与对象
Jul 19 PHP
利用PHPExcel读取Excel的数据和导出数据到Excel
May 12 PHP
PHP实现执行外部程序的方法详解
Aug 17 PHP
Laravel实现通过blade模板引擎渲染视图
Oct 25 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环境配置 php5 MySQL5 apache2 phpmyadmin安装与配置图文教程
2007/03/16 PHP
解析wamp5下虚拟机配置文档
2013/06/27 PHP
php分页示例分享
2014/04/30 PHP
php中explode的负数limit用法分析
2015/02/27 PHP
PHP实现懒加载的方法
2015/03/07 PHP
基于PHP微信红包的算法探讨
2016/07/21 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
2010/03/20 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
解决JS中乘法的浮点错误的方法
2014/01/03 Javascript
jQuery实现tag便签去重效果的方法
2015/01/20 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
2015/11/25 Javascript
JavaScript 控制字体大小设置的方法
2016/11/23 Javascript
JavaScript字符串对象
2017/01/14 Javascript
JavaScript 函数节流详解及方法总结
2017/02/09 Javascript
详解angular用$sce服务来过滤HTML标签
2017/04/11 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
GOJS+VUE实现流程图效果
2018/12/01 Javascript
详解JavaScript 的变量
2019/03/08 Javascript
layui的面包屑或者表单不显示的解决方法
2019/09/05 Javascript
Vue 实现从小到大的横向滑动效果详解
2019/10/16 Javascript
[07:27]DOTA2卡尔工作室 英雄介绍水晶室女篇
2013/06/21 DOTA
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
python中的逆序遍历实例
2019/12/25 Python
将python包发布到PyPI和制作whl文件方式
2019/12/25 Python
python3利用Axes3D库画3D模型图
2020/03/25 Python
利用Python发送邮件或发带附件的邮件
2020/11/12 Python
python re.match()用法相关示例
2021/01/27 Python
橄榄树药房:OLIVEDA
2019/09/01 全球购物
2015元旦主持词开场白和结束语
2014/12/14 职场文书
检讨书格式
2015/01/23 职场文书
三孔导游词
2015/02/05 职场文书
2015年校本培训工作总结
2015/07/24 职场文书
导游词之山西-五老峰
2019/10/07 职场文书
2019年冬至:天冷暖人心的问候祝福语大全
2019/12/20 职场文书
Mysql调整优化之四种分区方式以及组合分区
2022/04/13 MySQL