yii2 常用组件 -- tab切换

最新推荐文章于 2025-04-16 19:48:25 发布

转载最新推荐文章于 2025-04-16 19:48:25 发布 · 1.1k 阅读

标签

#yii2组件

收录于

yii2 组件专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何在Yii2框架中使用Bootstrap的Tabs组件实现标签页切换功能，并通过一个简单示例展示其配置和使用方法。

简介

如何用yii2-bootstrap自带的组件tabs实现tab切换的功能，今天就用一个简单的实例以及效果演示来告诉大家如果应用tabs这个组件

实例

echo Tabs::widget([
  'items' => [
      [
          'label' => 'One',
          'content' => 'Anim pariatur cliche...',
          'active' => true
      ],
      [
          'label' => 'Two',
          'content' => 'Anim pariatur cliche...',
          'headerOptions' => [...],
          'options' => ['id' => 'myveryownID'],
      ],
      [
          'label' => 'Example',
          'url' => 'http://www.example.com',
      ],
      [
          'label' => 'Dropdown',
          'items' => [
               [
                   'label' => 'DropdownA',
                   'content' => 'DropdownA, Anim pariatur cliche...',
               ],
               [
                   'label' => 'DropdownB',
                   'content' => 'DropdownB, Anim pariatur cliche...',
               ],
          ],
      ],
  ],
]);

效果图