yii2 常用组件 -- tab切换

最新推荐文章于 2023-10-27 09:50:43 发布

xxsl

最新推荐文章于 2023-10-27 09:50:43 发布

阅读量1k

点赞数

分类专栏： yii2 组件文章标签： yii2组件

yii2 组件专栏收录该内容

11 篇文章

订阅专栏

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

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

简介

如何用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...',
               ],
          ],
      ],
  ],
]);

效果图