README

面板

Bootstrap 3 面板小部件

使用示例

<?php Panel::begin() ?>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto enim error illo ipsam repellat velit vero.
    Aliquid at culpa ea nihil non odio odit veritatis vero. A delectus labore provident!
</p>
<?php Panel::end() ?>

<?= Panel::widget([
    'options' => ['class' => 'panel-primary'],
    'heading' => 'Heading', // string
    'body' => [ // view file
        'view' => '@app/views/site/about',
        'params' => ['model' => $model],
    ],
    'footer' => [ // string with options
        'options' => ['class' => 'clearfix'],
        'content' => \yii\bootstrap\Html::button('Button', ['class' => ' btn btn-primary pull-right'])
    ]
]) ?>

<?= Panel::widget([
    'options' => ['class' => 'panel-primary'],
    'heading' => function () { // closure
            return 'Heading';
        },
    'body' => [ // partial view
        'view' => '_body',
        'params' => ['model' => $model],
    ],
    'footer' => [ // closure with options
        'options' => ['class' => 'clearfix'],
        'content' => 'overridden by view',
        'view' => function () {
                return \yii\bootstrap\Html::button('Button', ['class' => ' btn btn-primary pull-right']);
            }
    ]
]) ?>

导航

\chervand\bootstrap\Nav 是 \yii\bootstrap\Nav 小部件的扩展，除了原始小部件的下拉菜单外，还实现了可折叠的子导航。

额外的 widget 属性

• toggle 'collapse' 或 'dropdown'，默认为 'dropdown'
• collapseIdPrefix 子导航的 'id' 前缀，默认为 'sub-'

额外的项目属性

• name 用于切换折叠的唯一项目名称，必需
• description 链接 'title'

使用示例

<?= chervand\bootstrap\Nav::widget([
    'toggle' => 'collapse',
    'items' => [
        [
            'label' => 'Item 1',
            'url' => '#',
            'name' => 'item1',
            'items' => [
                [
                    'label' => 'Item 1-1',
                    'url' => '#',
                    'name' => 'item1-1'
                ],
                [
                    'label' => 'Item 1-2',
                    'url' => '#',
                    'name' => 'item1-2'
                ]
            ]
        ],
        [
            'label' => 'Item 2',
            'url' => '#',
            'name' => 'item2'
        ],
    ],
    'options' => ['class' => 'nav nav-pills nav-stacked'],
]) ?>