让 Zend_Navigation 菜单与 jQuery 的 Fisheye 一起使用

Question

我正在使用 Zend_Navigation （框架的甜蜜补充，顺便说一句）来构建我的菜单，之后它应该在页面中呈现（不言而喻）。 我首先将容器设置在控制器中的某个位置：

// $pages is the array containing all page information
$nav = new Zend_Navigation($pages);
$this->view->navigation($nav);

然后，在布局中，它的渲染方式如下：

echo $this->navigation()->menu();

效果非常好。 现在：我希望菜单的呈现方式略有不同。 我正在构建的页面使用 jQuery Fisheye-plugin构建一个类似 Mac 的 Dock 菜单。 然而，这个插件需要一个特定的标记...

实际上，它需要一个 元素列表，其中包含 （用于图标）和（用于工具提示）。 标准菜单视图助手（逻辑上）呈现无序列表内的所有内容，并使用 'label' 参数作为链接文本。

似乎传递给 'label' 参数的内容在渲染之前被转义，因此在那里插入 html 对我没有任何好处。 此外，鱼眼通常似乎不会将其包含在

标签中的项目，而是将整个内容包裹在

中>，但只是 元素的一级列表。

我正在考虑为扩展坞编写一个自定义视图助手，它能够负责插入 和 ，但我我很难将自定义视图助手附加到导航类。 我只是不知道将其放置在哪里以及以什么方式放置，即使我的所有其他自定义类（模型等）都由自动加载器精心处理。 对此有什么想法吗？

再说一次，即使我可以让这个视图助手工作，我仍然留下 HTML 无序列表 - 我知道使用自定义视图助手我也可能会丢失该列表，但我一直热衷于包含 main出于语义考虑，将导航菜单放在列表中。

如果有人可以帮助我一点，我将不胜感激。 如果 Fisheye 不适合与

一起使用，那就太糟糕了......在这种情况下是否有充分的理由完全失去 Zend_Navigation ？

Answer 1

我还没有看到制作自定义渲染器的方法。 这就是我最终所做的：

首先，不是渲染默认的 menu() 调用，而是创建一个要渲染的部分：

// menu.phtml is partial, cms is module
$partial = array('menu.phtml', 'cms');
$this->navigation()->menu()->setPartial($partial);
echo $this->navigation()->menu()->render();

然后（从文档），您可以创建一个“自定义”渲染，如下所示：

// -- inside menu.phtml
foreach ($this->container as $page) 
{
    // this just prints a "<a>" or "<span>" tag
    // depending on whether the page has a uri
    echo $this->menu()->htmlify($page), PHP_EOL;
}

我最终做了什么我最初有（一个带有一级子菜单的菜单）和这个脚本：

// -- another menu.phtml
<ul class="navigation">

<?php

$html = array();

foreach ($this->container as $page) 
{
    $html[] = "<li>";
    $html[] = $this->menu()->htmlify($page) . PHP_EOL;

    if (!empty($page->pages))
    {
        $html[] = "<ul>";
        foreach ($page->pages as $subpage) 
        {
            $html[] = "<li>";
            if ($href = $subpage->getHref()) $html[] = "<a href=\"{$href}\">";
            else $html[] = "<span>";
            $html[] = "<img src=\"/ui/cms/img/icons/edit.png\" alt=\"\"/>";
            $html[] = $subpage->getLabel();
            if ($href) $html[] = "</a>";
            else $html[] = "</span>";            
            $html[] = "</li>";
        }
        $html[] = "</ul>";
    }

    $html[] = "</li>";
}

echo join(PHP_EOL, $html);

?>
</ul>

您只需更改部分中的标记并在其中添加图像/图标即可。

Answer 2

抱歉，对于上一篇文章中的格式问题

要添加自定义帮助程序，请在引导程序中执行以下操作：

protected function _initNavigation()
{
    $this->bootstrap('view');           // make sure we have a view
    $view = $this->getResource('view');     // get the view resource
    $config = new Zend_Config_Xml(APPLICATION_ROOT . '/config/navigation.xml','nav');
    $container = new Zend_Navigation($config);
    $view->navigation($container);

    // Tell Zend were it can find your custom helpers and what
    // the prefix is going to be.

   $view->addHelperPath(
          APPLICATION_ROOT . '/library/MyApp/View/Helper/Navigation',
          'MyApp_View_Helper_'
          );

}

接下来创建自定义视图帮助程序并将其放入“addHelperPath”路径中。 根据您想要执行的操作，您至少需要实现自己的 htmlify 函数。 以 Zend/View/Help/Navigation/Menu.php 为例。

class MyApp_View_Helper_MyMenu extends Zend_View_Helper_Navigation_Menu
{
    public function myMenu(Zend_Navigation_Container $container = null)
    {
        if (null !== $container) {
            $this->setContainer($container);
        }
        return $this;
    }

    protected function htmlify(Zend_Navigation_Page $page ) 
    {
        ...
    }
}

接下来，在您的 phtml 脚本中：

   <?php echo $this->navigation()->myMenu()->setMaxDepth(0); ?>

或者

   <?php echo $this->navigation()->myMenu(); ?>

现在，如果您想将自己的自定义属性添加到生成的 HTML 中，您可以将它们添加到您的导航 ini 或 xml 文件中。 例如：

<home>
  <label>Home</label>
  <uri>/</uri>
  <img>
      <src>/images/MyIcon.gif</src>
  <img>
</home>

自定义 xml 标签 将存储为导航页面的属性，并且可以像这样获取：

foreach ($iterator as $page) {

    ...

    $properties = new Zend_Config($page->GetCustomProperties());
    $myPicture = $properties->img->src;

    ...
}

希望这会有所帮助。
彼得