yii2 导航小部件子菜单 class
yii2 nav widget submenu class
我正在为 bootstrap 使用 adminLTE 主题,它使用 treeview-menu
class 来操作子菜单。
<?=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' => '#'],
],
],
],
]);
?>
我尝试使用:
['label' => 'Submenu', 'options' => ['class' => 'treeview-menu'], 'items' =>..
这显然行不通。
我注意到 Menu::widget 有一个 submenuTemplate
,但是当我使用它时它停止拾取 "active"。
有什么方法可以更改 adminLTE 调用应用于 treeview-menu 的方式(尝试在 app.js 中将其更改为 dropdown-menu 但这没有帮助)或重新分配UL 子菜单 class 而不进入供应商代码?
Line 65: \yii\bootstrap\Dropdown - function init()
好的,所以我找到了解决方法 - 使用菜单小部件并启用 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, ]); ?>
希望这对其他人也有帮助!
我正在为 bootstrap 使用 adminLTE 主题,它使用 treeview-menu
class 来操作子菜单。
<?=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' => '#'],
],
],
],
]);
?>
我尝试使用:
['label' => 'Submenu', 'options' => ['class' => 'treeview-menu'], 'items' =>..
这显然行不通。
我注意到 Menu::widget 有一个 submenuTemplate
,但是当我使用它时它停止拾取 "active"。
有什么方法可以更改 adminLTE 调用应用于 treeview-menu 的方式(尝试在 app.js 中将其更改为 dropdown-menu 但这没有帮助)或重新分配UL 子菜单 class 而不进入供应商代码?
Line 65: \yii\bootstrap\Dropdown - function init()
好的,所以我找到了解决方法 - 使用菜单小部件并启用 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, ]); ?>
希望这对其他人也有帮助!