README

🟥⚠️ 此包已被废弃。请选择其他包或在此存储库上创建分支，并通过 p.g.meysam [at] gmail [dot] com 通知我您的包以在 Packagist 中引用 ⚠️🟥

AdminLte 侧边栏的 Bootstrap Treeview 生成器

描述

这只是 yii\bootstrap\Nav 的扩展版本，用于生成支持徽章的 AdminLte 侧边栏的正确代码。

安装

安装此扩展的首选方式是通过 composer。

运行

composer require meysampg/yii2-treeview "*"

或将以下内容添加到您的 composer.json 文件的 require 部分：

"meysampg/yii2-treeview": "*"

用法

安装扩展后，只需在代码中使用即可

use meysampg\treeview\Treeview;

并在代码中使用

<!-- sidebar menu: : style can be found in sidebar.less -->
<?= Treeview::widget([
    'items' => [
      [
          'label' => Yii::t('app', 'Dashboard'),
          'icon' => 'fa fa-dashboard',
          'url' => Url::home(),
      ],
      [
          'label' => Yii::t('app', 'Messages'),
          'icon' => 'fa fa-envelope',
          'items' => [
              [
                  'label' => Yii::t('app', 'Inbox'),
                  'url' => ['/message/inbox'],
              ],
              [
                  'label' => Yii::t('app', 'Outbox'),
                  'url' => ['/message/outbox'],
              ],
              [
                  'label' => Yii::t('app', 'Create'),
                  'url' => ['/message/create'],
              ],
          ],
      ],
    ]
]) ?>

输出结果就是所需的

示例

这里是一个 RTL 示例

<!-- sidebar menu: : style can be found in sidebar.less -->
<?= Treeview::widget([
    'items' => [
        [
            'label' => 'داشبورد',
            'icon' => 'fa fa-dashboard',
            'url' => Url::home(),
        ],
        [
            'label' => 'پیام‌ها',
            'icon' => 'fa fa-envelope',
            'items' => [
                [
                    'label' => 'صندوق ورودی',
                    'url' => ['/message/inbox'],
                    'badget' => [
                        'text' => 4,
                        'color' => 'label-info',
                        'float' => 'left',
                    ],
                ],
                [
                    'label' => 'صندوق خروجی',
                    'url' => ['/message/outbox'],
                ],
                [
                    'label' => 'ایجاد پیام',
                    'url' => ['/message/create'],
                ],
            ],
        ],
    ]
]) ?>

和 LTR 示例

<!-- sidebar menu: : style can be found in sidebar.less -->
<?= Treeview::widget([
    'items' => [
        [
            'label' => 'Dashboard',
            'icon' => 'fa fa-dashboard',
            'url' => Url::home(),
        ],
        [
            'label' => 'Message',
            'icon' => 'fa fa-envelope',
            'items' => [
                [
                    'label' => 'Inbox',
                    'url' => ['/message/inbox'],
                    'badget' => [
                        'text' => 4,
                        'color' => 'label-info',
                    ],
                ],
                [
                    'label' => 'Outbox',
                    'url' => ['/message/outbox'],
                ],
                [
                    'label' => 'Create',
                    'url' => ['/message/create'],
                ],
            ],
        ],
    ]
]) ?>

配置

此扩展没有太多配置。只需将侧边栏项目数组发送到 Treeview 的 items 属性。对于 badget 的 color 属性，它可以是一个带有颜色的 CSS 类，以下是一些值：

• label-default
• label-success
• label-info
• label-danger
• label-warning

贡献

报告错误、请求功能或进行修改并发送拉取请求 :)