Получение меню Zend_Navigation для работы с Fisheye jQuery

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 для создания Mac-подобного Dock-меню.Однако этому плагину нужна определенная разметка...

На самом деле, он принимает список <a> элементы, содержащие как <img> (для значка) и <span> (для подсказки).Стандартный помощник представления меню отображает все внутри неупорядоченного списка (логически) с помощью 'label' параметр в качестве текста ссылки.

Похоже, что контент перешел в 'label' Параметр экранируется перед рендерингом, поэтому вставка туда html не принесет мне никакой пользы.Кроме того, «Рыбий глаз» обычно не берет предметы, содержащиеся в <li> тег, в котором все это завернуто <ul></ul>, а просто одноуровневый список <a> элементы.

Я думал о написании специального помощника представления для дока, который мог бы позаботиться о вставке <img> и <span>, но мне очень трудно подключить собственный помощник представления к классу навигации.Я просто не могу понять, где его разместить и каким образом, хотя обо всех других моих пользовательских классах (моделях и тому подобном) прекрасно заботится автозагрузчик.Есть идеи по этому поводу?

Опять же, даже если я смогу заставить этот помощник представления работать, у меня все равно останется неупорядоченный список HTML — я знаю, что могу потерять и его, используя собственный помощник представления, но я всегда был поклонником включения основного навигационные меню внутри списка, ради семантики.

Если кто-нибудь может мне немного помочь, я буду очень признателен.Если Fisheye просто не предназначен для работы с <ul>эх, это было бы очень плохо...будет ли в этом случае веская причина вообще отказаться от Zend_Navigation?

Answer 1

Я еще не видел способа создания собственного средства визуализации.Вот что я в итоге сделал:

Во-первых, вместо рендеринга вызова меню() по умолчанию создайте партиал для рендеринга:

// 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 <img> будет сохранен как свойство страницы навигации и может быть получен следующим образом:

foreach ($iterator as $page) {

    ...

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

    ...
}

Надеюсь это поможет.Питер