本文实例为大家分享了Yii2选项卡使用的具体代码,供大家参考,具体内容如下
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
<!--选项卡开始--> <?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> <!--选项卡结束--> |
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。