PHPackages                             yesela/yii2-dynamictabs - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. yesela/yii2-dynamictabs

ActiveYii2-extension

yesela/yii2-dynamictabs
=======================

Create dynamictabs

0.0.1(8y ago)113MITPHP

Since Jul 31Pushed 8y ago1 watchersCompare

[ Source](https://github.com/yesela/yii2-dynamictabs)[ Packagist](https://packagist.org/packages/yesela/yii2-dynamictabs)[ Docs](https://github.com/yesela/yii2-dynamictabs)[ RSS](/packages/yesela-yii2-dynamictabs/feed)WikiDiscussions master Synced yesterday

READMEChangelog (1)DependenciesVersions (2)Used By (0)

yii2-dynamictabs
================

[](#yii2-dynamictabs)

动态创建tabs选项卡, 兼容yii2原本tabs, 不支持Dropdown

安装
--

[](#安装)

首先安装 [composer](http://getcomposer.org/download/)

运行

```
$ php composer.phar require --prefer-dist yesela/yii2-dynamictabs "@dev"
```

或者增加

```
"yesela/yii2-dynamictabs": "@dev"

```

到composer.json文件中

使用方法
----

[](#使用方法)

首先你要先确定是否引入了[jquery-ui](https://github.com/jquery/jquery-ui), 没有的话, 请先引入该JS

### view

[](#view)

在view模板中, 增加

```
use yesela\dynamictabs\DynamicTabs;
echo DynamicTabs::widget([
    'containerOptions' => ['id' => 'tabs-here'],
    'options' => ['id'=> 'my-tabs'],
    'items' => [
    [
        'label' => 'one',
	    'content' => "content 1",
	    'active' => true,
	    //'linkOptions'=>['data-closable'=>'true','data-url'=>'http://www.example.com']
	],
	[
	    'label' => 'two ',
	    'content' => 'content 2',
	    'options' => ['id' => 'id1'],
	],
	[
	    'label' => 'three',
	    'linkOptions'=>['data-url'=>'http://www.example.com']
	],
    ],
]);
```

#### 属性说明

[](#属性说明)

##### `data-closable`

[](#data-closable)

该tab能否关闭

#### `data-url`

[](#data-url)

该tab内容的url, 有该属性时, 不显示content内容

### 链接

[](#链接)

在所在链接中增加属性`'data-toggle'=>'tabajax'`支持以下两种情况

```
//id, data-url, data-title是必须的选项, data-css以及data-js可选, 当有span时, tabs获取该class作为icon
Html::a('', '#', ['id' => 'tabs-id-1',  'data-title' => 'title','data-url'=>'http://www.example.com', 'data-toggle' => 'tabajax', 'data-css'=>['css1.css','css2.css'], 'data-js'=>['js1.js','js2.js']]);
```

或

```
//一般用于Menu::widget, 获取的tabs标题为查找span的文字, tabs的URL为a的href, 当有i时, tabs获取该class作为icon
测试
```

###  Health Score

24

—

LowBetter than 32% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity53

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

3208d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/47dd29805485687e15606e83fcbbb65c047c89573809df1fb382f85f07b45f31?d=identicon)[yesela](/maintainers/yesela)

---

Top Contributors

[![yesela](https://avatars.githubusercontent.com/u/4025493?v=4)](https://github.com/yesela "yesela (3 commits)")

---

Tags

yii2bootstrapdynamictabs

### Embed Badge

![Health badge](/badges/yesela-yii2-dynamictabs/health.svg)

```
[![Health](https://phpackages.com/badges/yesela-yii2-dynamictabs/health.svg)](https://phpackages.com/packages/yesela-yii2-dynamictabs)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)