覆盖KnpMenu子菜单项

时间:2016-04-08 14:20:18

标签: php symfony twig knpmenubundle

我已经用KnpMenu制作了一个菜单,我试图覆盖子菜单

这是我添加子菜单项的方式

$menu
    ->addChild('sidebar.front.servers', ['route' => 'server_index'])
    ->setExtras([
        'icon'               => 'fa fa-hdd-o',
        'regex'              => '#^/servers/#',
    ])
;
$menu['sidebar.front.servers']
    ->addChild('nnanana', ['route' => 'server_index'])
;

我在knp_menu.html.twig上搜索,以找到渲染子菜单的内容。

我找到了这个渲染子菜单列表和项目的人。

{% block list %}
    {% if item.hasChildren and options.depth is not same as(0) and item.displayChildren %}
        {% import _self as knp_menu %}
        <ul{{ knp_menu.attributes(listAttributes) }}>
            {{ block('children') }}
        </ul>
     {% endif %}
{% endblock %}

{% block children %}
    {# save current variables #}
    {% set currentOptions = options %}
    {% set currentItem = item %}
    {# update the depth for children #}
    {% if options.depth is not none %}
        {% set options = options|merge({'depth': currentOptions.depth - 1}) %}
    {% endif %}
    {# update the matchingDepth for children #}
    {% if options.matchingDepth is not none and options.matchingDepth > 0 %}
    {% set options = options|merge({'matchingDepth': currentOptions.matchingDepth - 1}) %}
    {% endif %}
    {% for item in currentItem.children %}
        {{ block('item') }}
    {% endfor %}
    {# restore current variables #}
    {% set item = currentItem %}
    {% set options = currentOptions %}
{% endblock %}

这将类放在子菜单列表中。

{%- set childrenClasses = item.childrenAttribute('class') is not empty ? [item.childrenAttribute('class')] : [] %}
{%- set childrenClasses = childrenClasses|merge(['menu_level_' ~ item.level]) %}
{%- set listAttributes = item.childrenAttributes|merge({'class': childrenClasses|join(' ') }) %}

这将渲染所有子菜单项

{{ block('list') }}

但是,当我试图在我的模板中覆盖此块时,就像这样

{% block item %}
    {% import 'knp_menu.html.twig' as knp_menu %}
    <a href="#">test</a>
{% endblock %}

这不起作用,菜单不再呈现,我只显示test ...

我完全相同,以覆盖每个菜单项和这项工作。

如何覆盖此子菜单?

由于

1 个答案:

答案 0 :(得分:0)

我找到了覆盖子菜单项的方法。

使用与主菜单项相同的代码渲染子菜单项。

所以要覆盖它只需添加像这样的树枝条件,并在

中做任何你想做的事情
{% if item.hasChildren and options.depth is not same as(0) and item.displayChildren %}
    <a href="#">
    <i class="{{ item.extra('submenu-icon') }}"></i>
{% else %}