带有Symfony和KNPmenu参数的嵌套菜单

时间:2014-07-01 12:41:18

标签: symfony knpmenu

我正在努力与Symfony2和Knpmenu建立一个处理的菜单:

  • 面包屑
  • 使用动态参数进行路由
  • 呈现以不同孩子开头的单独菜单

我的Menu/Builder.php文件看起来像这样(像navbar,pull-nav等额外的位是使用bootstrap类处理渲染的mopa_bootstrap扩展的一部分):

namespace My\AppBundle\Menu;

use Knp\Menu\FactoryInterface;

class Builder
{
    public function mainMenu(FactoryInterface $factory, array $options)
    {
        $menu = $factory->createItem(
            'root', array(
                'navbar' => true,
                'pull-right' => true,
            )
        );

        // Main Menu -> Config
        // no link here, it's just a placeholder
        $dropdown = $menu->addChild(
            'Config', array(
                'dropdown' => true,
                'caret' => true,
            )
        );

        // Menu -> Config -> User
        $dropdown2 = $dropdown ->addChild(
            'User', array(
                'route' => 'user',
            )
        );

        // Secondary Menu -> Edit (but child of Menu -> Config -> User)
        $dropdown2->addChild(
            'Edit',
            array(
                'route' => 'user_edit',
                'routeParameters' => array('name' => $options['id']),
            )
        );

我们的想法是拥有一个仅打印前两个级别的主菜单,以及一个在其他地方呈现的单独菜单,以允许用户在正在查看的特定元素的编辑/删除/任何视图之间移动。

我想要实现的是,有一个单一的结构来处理父母结构,不仅要让菜单中的符号父项处于活动状态,而且还能够处理工作的面包屑结构。

Resources/views/base.html.twig我正在调用主菜单:

{{ mopa_bootstrap_menu('MyAppBundle:Builder:mainMenu', {depth: 2}) }}

理想情况下,子菜单如下:

{% set id = app.request.attributes.get('id') %}
{% if app.request.attributes.get('_route') starts with 'user_' %}
    {% set menu = knp_menu_get('MyAppBundle:Builder:mainMenu', ['User'], {'id': id }) %}
    {{ knp_menu_render(menu) }}
{% endif %}

然而:

  1. knpmenu在渲染主菜单时返回错误,因为$options['id']未定义
  2. 我仍然无法渲染辅助菜单(因此通过传递参数'用户') - 页面只返回该块中的黑色输出
  3. 这种做法是否正确? 我使用"knplabs/knp-menu": "2.0.*@dev""symfony/symfony": "2.5.*"

1 个答案:

答案 0 :(得分:0)

事实证明,使用this method允许有效访问$request并在MenuBuilder.php文件中添加条件以仅在特定条件下提示子子项。

最终代码如下:

// Menu/MenuBuilder.php

namespace My\AppBundle\Menu;

use Knp\Menu\FactoryInterface;
use Symfony\Component\HttpFoundation\Request;

class MenuBuilder
{
    private $factory;

    /**
     * @param FactoryInterface $factory
     */
    public function __construct(FactoryInterface $factory)
    {
        $this->factory = $factory;
    }

    public function createMainMenu(Request $request)
    {
        $menu = $this->factory->createItem(
            'root', array(
                'navbar' => true,
                'pull-right' => true,
            )
        );

    // Main Menu -> Config
    // no link here, it's just a placeholder
    $dropdown = $menu->addChild(
        'Config', array(
            'dropdown' => true,
            'caret' => true,
        )
    );

    // Menu -> Config -> User
    $dropdown2 = $dropdown ->addChild(
        'User', array(
            'route' => 'user',
        )
    );

    // Secondary Menu -> Edit (but child of Menu -> Config -> User)
    // Skip this part if we are not in the relevant page, thus to avoid errors
    if (false !== strpos($request->get('_route'), 'user_') && $request->get('id')):
    $dropdown2->addChild(
        'Edit',
        array(
            'route' => 'user_edit',
            'routeParameters' => array('id' => $request->get('id')),
        )
    );
    endif;

服务配置文件:

// Resources/config/services.yml

services:
    my_app.menu_builder:
        class: My\AppBundle\Menu\MenuBuilder
        arguments: ["@knp_menu.factory"]

    my_app.menu.main:
        class: Knp\Menu\MenuItem
        factory_service: my_app.menu_builder
        factory_method: createMainMenu
        arguments: ["@request"]
        scope: request
        tags:
            - { name: knp_menu.menu, alias: main }

然后是Resources/views/base.html.twig模板:

// Main menu
{% set menu = knp_menu_get('main', ['Config', 'Users'], {'id': id }) %}
{{ knp_menu_render(menu) }}

// Secondary menu
{% if app.request.attributes.get('_route') starts with 'user_' %}
    {% set menu = knp_menu_get('main', ['Config', 'Users'], {'id': id }) %}
    {{ mopa_bootstrap_menu(menu, {'automenu': 'navbar'}) }}
{% endif %}

解决方案似乎有效,但如果您有更好的方法,请告诉我!