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 29 PHP
php skymvc 一款轻量、简单的php
Jun 28 PHP
需要注意的几个PHP漏洞小结
Feb 05 PHP
PHP中防止直接访问或查看或下载config.php文件的方法
Jul 07 PHP
浅析PHP递归函数返回值使用方法
Feb 18 PHP
百度ping方法使用示例 自动ping百度
Jan 26 PHP
php多个文件及图片上传实例详解
Nov 10 PHP
php中mkdir函数用法实例分析
Nov 15 PHP
php中数字、字符与对象判断函数用法实例
Nov 26 PHP
一个简单的php路由类
May 29 PHP
PHP生成及获取JSON文件的方法
Aug 23 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
Oct 03 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
第四节 构造函数和析构函数 [4]
2006/10/09 PHP
坏狼php学习 计数器实例代码
2008/06/15 PHP
php microtime获取浮点的时间戳
2010/02/21 PHP
PHP 线程安全与非线程安全版本的区别深入解析
2013/08/06 PHP
实用的PHP带公钥加密类分享(每次加密结果都不一样哦)
2014/08/20 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
使用PHP uniqid函数生成唯一ID
2015/11/18 PHP
PHP PDOStatement::fetchColumn讲解
2019/01/31 PHP
laravel框架之数据库查出来的对象实现转化为数组
2019/10/23 PHP
Js中sort()方法的用法
2006/11/04 Javascript
javascript 时间比较实现代码
2009/10/28 Javascript
javascript eval和JSON之间的联系
2009/12/31 Javascript
在JQuery dialog里的服务器控件 事件失效问题
2010/12/08 Javascript
映彩衣的js随笔(js图片切换效果)
2011/07/31 Javascript
javascript操纵OGNL标签示例代码
2014/06/16 Javascript
javascript排序函数实现数字排序
2015/06/26 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
详解React Native 采用Fetch方式发送跨域POST请求
2017/11/15 Javascript
nodejs实现大文件(在线视频)的读取
2020/10/16 NodeJs
vue: WebStorm设置快速编译运行的方法
2018/10/18 Javascript
jQuery实现的五星点评功能【案例】
2019/02/18 jQuery
JS实现的雪花飘落特效示例
2019/12/03 Javascript
Django中的forms组件实例详解
2018/11/08 Python
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
Python3 Tkinter选择路径功能的实现方法
2019/06/14 Python
Python 实现数据结构-循环队列的操作方法
2019/07/17 Python
django 连接数据库 sqlite的例子
2019/08/14 Python
Python经典五人分鱼实例讲解
2021/01/04 Python
HTML5 和小程序实现拍照图片旋转、压缩和上传功能
2018/10/08 HTML / CSS
trivago美国:全球最大的酒店价格比较网站
2018/01/18 全球购物
Lentiamo比利时:便宜的隐形眼镜
2020/02/14 全球购物
医学护理系毕业生求职信
2013/10/01 职场文书
工业学校毕业生自荐书
2014/01/03 职场文书
简短证婚人证婚词
2014/01/09 职场文书