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中防止伪造跨站请求的小招式
Sep 02 PHP
简单的php新闻发布系统教程
May 09 PHP
在Yii框架中使用PHP模板引擎Twig的例子
Jun 13 PHP
PHP提示Deprecated: mysql_connect(): The mysql extension is deprecated的解决方法
Aug 28 PHP
护卫神php套件 php版本升级方法(php5.5.24)
May 10 PHP
PHP实现抓取迅雷VIP账号的方法
Jul 30 PHP
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
Sep 20 PHP
php array_pop 删除数组最后一个元素实例
Nov 02 PHP
Thinkphp3.2实用篇之计算型验证码示例
Feb 09 PHP
php分页查询mysql结果的base64处理方法示例
May 18 PHP
Yii2框架加载css和js文件的方法分析
May 25 PHP
PHP 实现缩略图
Mar 09 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简单防盗链验证实现方法
2016/07/09 PHP
老生常谈PHP数组函数array_merge(必看篇)
2017/05/25 PHP
chrome浏览器不支持onmouseleave事件的解决技巧
2013/05/31 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
2013/07/15 Javascript
JS批量修改PS中图层名称的方法
2014/01/26 Javascript
jquery 获取dom固定元素 添加样式的简单实例
2014/02/04 Javascript
详解javascript的变量与标识符
2016/01/04 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
2016/01/07 Javascript
jQuery实现checkbox列表的全选、反选功能
2016/11/24 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
2017/05/13 jQuery
Node.js编写CLI的实例详解
2017/05/17 Javascript
详细分析JS函数去抖和节流
2017/12/05 Javascript
vue中mint-ui的使用方法
2018/04/04 Javascript
详解如何使用webpack打包多页jquery项目
2019/02/01 jQuery
详解babel升级到7.X采坑总结
2019/05/12 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
2020/11/05 Javascript
Python with的用法
2014/08/22 Python
Python中最常用的操作列表的几种方法归纳
2015/04/24 Python
python基础_文件操作实现全文或单行替换的方法
2017/09/04 Python
python一些性能分析的技巧
2020/08/30 Python
canvas绘制文本内容自动换行的实现代码
2019/01/14 HTML / CSS
Lovedrobe官网:英国领先的大码服装品牌
2019/09/19 全球购物
如何估计一张表的大小(假设该表中有1万条数据)
2016/03/27 面试题
函授本科毕业自我鉴定
2013/10/09 职场文书
在职人员函授期间自我评价分享
2013/11/08 职场文书
大学生旅游业创业计划书
2014/01/29 职场文书
秋季运动会稿件
2014/01/30 职场文书
面试后的英文感谢信
2014/02/01 职场文书
模具专业毕业生自荐书范文
2014/02/19 职场文书
共产党员公开承诺践诺书
2014/05/28 职场文书
会计学习心得体会
2014/09/09 职场文书
2015小学教师年度考核工作总结
2015/05/12 职场文书
2016年百日安全生产活动总结
2016/04/06 职场文书
css3 filter属性的使用简介
2021/03/31 HTML / CSS
如何理解及使用Python闭包
2021/06/01 Python
SpringCloud Alibaba项目实战之nacos-server服务搭建过程
2021/06/21 Java/Android