Yii2選項卡怎么用

這篇文章將為大家詳細講解有關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>

<!--選項卡結束-->

關于“Yii2選項卡怎么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。