Getting Zend_Navigation menu to work with jQuery's Fisheye

Question

I\'m using Zend_Navigation (sweet addition to the framework, btw) to build my menu, after which it should be rendered in the page (self-evidently). I first set the container

Answer 1

I haven't seen the way yet either in terms of making a custom renderer. Here's what I ended up doing though:

First, instead of rendering the default menu() call, create a partial to render into:

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

Then (from the docs), you can create a "custom" render like so:

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

I ended up making what I originally had (a menu with one level of submenus) with this script:

// -- another menu.phtml


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

    if (!empty($page->pages))
    {
        $html[] = "
";
        foreach ($page->pages as $subpage) 
        {
            $html[] = "
";
            if ($href = $subpage->getHref()) $html[] = "";
            else $html[] = "";
            $html[] = "";
            $html[] = $subpage->getLabel();
            if ($href) $html[] = "";
            else $html[] = "";            
            $html[] = "
";
        }
        $html[] = "
";
    }

    $html[] = "
";
}

echo join(PHP_EOL, $html);

?>

You could just change the markup in the partial and add your images/icons there.