Получение меню Zend_Navigation для работы с рыбьим глазом в jQuery - PullRequest
Новая
       39

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

8 голосов
/ 07 августа 2009

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

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

Кажется, что содержимое, переданное в параметр 'label', перед рендерингом экранируется, поэтому вставка html-кода мне не поможет. Кроме того, Fisheye обычно не воспринимает свои элементы, содержащиеся в теге <li>, со всем, что заключено в <ul></ul>, а представляет собой просто одноуровневый список <a> элементов.

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

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

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

Ответы [ 2 ]

25 голосов
/ 10 августа 2009

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

Во-первых, вместо рендеринга вызова 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>

Вы можете просто изменить разметку в части и добавить туда свои изображения / значки.

7 голосов
/ 29 ноября 2009

Извините, за вопрос форматирования в предыдущем посте

Чтобы добавить свой собственный помощник, выполните в загрузчике следующее: 

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;

    ...
}

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

...