Yii2使用Tabs标签（选项卡）实现切换

原创

已于 2022-05-12 13:06:17 修改 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Yii2 Tab标签选项卡

于 2018-07-27 15:38:49 首次发布

本文介绍如何在Yii2中实现带有列表总数显示的Tab标签功能，包括设置dataProvider、配置Tab标签及内容展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

敬请收藏地址：https://www.wuflower.cn

使用Yii2相信有遇到过做Tab标签（选项卡）的，昨天翻了半天Yii2官网、各种教程、指导，结果，越看越懵，各种帖子也只是照搬来了一下官网，曹操有言可喻：‘鸡肋’，没有喷别人帖子的意思，不要打我~~~~

话不多说,直接开始吧！

1.业务场景：一个页面同时展示不同列表及搜索表单、分页信息，并且Tab标签需要显示每个列表总数

2.效果：

3.上菜：

<?php

//三个dataProvider,三个SearchModel
$dataProviderXXX1->setSort(false);
$dataProviderXXX1->pagination->defaultPageSize = 10;
$dataProviderXXX2->setSort(false);
$dataProviderXXX2->pagination->defaultPageSize = 10;
$dataProviderXXX3->setSort(false);
$dataProviderXXX3->pagination->defaultPageSize = 10;

?>



<!--Tabs Start-->
<?php
echo \yii\bootstrap\Tabs::widget([
    'id' => 'tabs',
    'renderTabContent' => false,
    'linkOptions' => ['data-toggle' => "tab"],
    'items' => [