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 相关文章推荐
一个用mysql_odbc和php写的serach数据库程序
Oct 09 PHP
php 中文处理函数集合
Aug 27 PHP
用PHP读取flv文件的播放时间长度
Sep 03 PHP
解析php中获取url与物理路径的总结
Jun 21 PHP
19个Android常用工具类汇总
Dec 30 PHP
php一个解析字符串排列数组的方法
May 12 PHP
PHP会话处理的10个函数
Aug 11 PHP
深入讲解PHP的对象注入(Object Injection)
Mar 01 PHP
[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法
Apr 01 PHP
关于PHP虚拟主机概念及如何选择稳定的PHP虚拟主机
Nov 20 PHP
php实现每日签到功能
Nov 29 PHP
PHP7实现和CryptoJS的AES加密方式互通示例【AES-128-ECB加密】
Jun 08 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
linux下删除7天前日志的代码(php+shell)
2011/01/02 PHP
CentOS下搭建PHP环境与WordPress博客程序的全流程总结
2016/05/07 PHP
php封装的单文件(图片)上传类完整实例
2016/10/18 PHP
Zend Framework实现自定义过滤器的方法
2016/12/09 PHP
浅谈laravel中的关联查询with的问题
2019/10/10 PHP
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
使用JavaScript库还是自己写代码?
2010/01/28 Javascript
JavaScript 盒模型 尺寸深入理解
2012/12/31 Javascript
ajax与302响应代码测试
2013/10/23 Javascript
jQuery中delegate与on的用法与区别示例介绍
2013/12/20 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
2014/11/10 Javascript
js实现缓冲运动效果的方法
2015/04/10 Javascript
jQuery EasyUI中DataGird动态生成列的方法
2016/04/05 Javascript
Bootstrap下拉菜单更改为悬停(hover)触发的方法
2017/05/24 Javascript
JavaScript实现的浏览器下载文件的方法
2017/08/09 Javascript
前端图片懒加载(lazyload)的实现方法(提高用户体验)
2017/08/21 Javascript
Node.js利用断言模块assert进行单元测试的方法
2017/09/28 Javascript
使用Angular 6创建各种动画效果的方法
2018/10/10 Javascript
微信小程序使用map组件实现路线规划功能示例
2019/01/22 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
2019/05/17 Javascript
vue项目中引入Sass实例方法
2019/08/27 Javascript
vue 路由子组件created和mounted不起作用的解决方法
2019/11/05 Javascript
Python中urllib2模块的8个使用细节分享
2015/01/01 Python
微信跳一跳辅助python代码实现
2018/01/05 Python
Python ckeditor富文本编辑器代码实例解析
2020/06/22 Python
Python3基于plotly模块保存图片表格
2020/08/03 Python
JPA面试常见问题
2016/11/14 面试题
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
英语演讲稿范文
2014/01/03 职场文书
学雷锋标兵事迹材料
2014/08/18 职场文书
单位委托函范文
2015/01/29 职场文书
材料员岗位职责范本
2015/04/11 职场文书
农村党支部承诺书
2015/04/30 职场文书
《浅水洼里的小鱼》教学反思
2016/02/16 职场文书
Python 居然可以在 Excel 中画画你知道吗
2022/02/15 Python
Python的代理类实现,控制访问和修改属性的权限你都了解吗
2022/03/21 Python