css - vertical - clase de submenú widget de navegación yii2

menu widget yii2

Question

Estoy usando el tema adminLTE para bootstrap y usa la clase treeview-menu para operar el submenú.

<?=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'' => ''#''],
                    ],
                ],
            ],
        ]);
        ?>

Intenté usar: [''label'' => ''Submenu'', ''options'' => [''class'' => ''treeview-menu''], ''items'' =>..

Lo cual obviamente no funciona.

submenuTemplate que Menu :: widget tiene una submenuTemplate pero cuando lo usé, detuvo el "activo".

¿Existe alguna manera de cambiar la forma en que se aplica la llamada adminL a treeview-menu (intenté cambiarla en app.js al menú desplegable pero eso no ayudó) o reasignar la clase de submenú UL sin entrar en el código de proveedor?

Línea 65: / yii / bootstrap / Dropdown - function init ()

Answer 1

De acuerdo, he encontrado un problema: use el widget de Menú en su lugar y habilite el indicador activateParents:

<?=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,   ]);  ?>

¡Espero que esto ayude a otros también!