yii2导航小部件子菜单类

nic*_*cky 10 css themes nav twitter-bootstrap yii2

我使用adminLTE主题进行bootstrap,它使用treeview-menu类来操作子菜单.

<?=Nav::widget([
            'options' => ['class' => 'sidebar-menu treeview'],
            'items' => [

                ['label' => 'Menu 1', 'url' => ['/a/index']],
                ['label' => 'Menu 2', 'url' => ['/custom-perks/index']],
                ['label' => 'Submenu',  'items' => [
                    ['label' => 'Action', 'url' => '#'],
                    ['label' => 'Another action', 'url' => '#'],
                    ['label' => 'Something else here', 'url' => '#'],
                    ],
                ],
            ],
        ]);
        ?>
Run Code Online (Sandbox Code Playgroud)

我试过用: ['label' => 'Submenu', 'options' => ['class' => 'treeview-menu'], 'items' =>..

这显然不起作用.

我注意到Menu :: widget有一个,submenuTemplate但是当我使用它时它停止了拾取"活动".

有没有办法我可以改变adminLTE调用应用于treeview菜单的方式(尝试将它在app.js中更改为下拉菜单但没有帮助)或重新分配UL子菜单类而不进入供应商代码?

第65行:\ yii\bootstrap\Dropdown - 函数init()

nic*_*cky 22

好的,我找到了一个解决方法 - 使用Menu小部件代替并启用activateParents标志:

<?=\yii\widgets\Menu::widget([
'options' => ['class' => 'sidebar-menu treeview'],
'items' => [

    ['label' => 'Menu 1', 'url' => ['/a/index']],
    ['label' => 'Menu 2', 'url' => ['/link2/index']],
    ['label' => 'Submenu',  
        'url' => ['#'],
        'template' => '<a href="{url}" >{label}<i class="fa fa-angle-left pull-right"></i></a>',
        'items' => [
            ['label' => 'Action', 'url' => '#'],
            ['label' => 'Another action', 'url' => '#'],
            ['label' => 'Something else here', 'url' => '#'],
        ],
    ],
],
'submenuTemplate' => "\n<ul class='treeview-menu'>\n{items}\n</ul>\n",
'encodeLabels' => false, //allows you to use html in labels
'activateParents' => true,   ]);  ?>
Run Code Online (Sandbox Code Playgroud)

希望这对其他人也有帮助!

  • 就像一个注释,你需要`使用yii\widgets\Menu;`在视图文件的顶部才能调用`Menu`. (3认同)