Problemas con ZendX_JQuery y mi propio Zend_View_Helper_Abstract

aluckyar · #1 (**permalink**) 01/07/2011, 13:47

Buenas a todos.

Estoy empezando a integrar ZendX_JQuery en mi aplicación Zend y todo funciona correctamente pero he intentado añadir un "accordion" en un Zend_View_Helper_Abstract que tengo para el menu lateral y no hay manera.

Mi Layout.phtml

Código PHP:

  <?php echo $this->doctype(); ?>

<html xmlns="http://www.w3.org/1999/xhtml" collation>

    <head>

        <?php echo $this->headMeta(); ?>

        <?php echo $this->headTitle(); ?>

        <?php echo $this->headLink()->prependStylesheet($this->baseUrl()."/css/estilo.css")."\n"; ?>

>

        <?php

            if($this->jQuery()->isEnabled()){

                $jQuery=$this->jQuery();

                $jQuery->setLocalPath($this->baseUrl()."/js/jquery.js"); 

                $jQuery->setUiLocalPath($this->baseUrl()."/js/jquery-ui.js");

                $jQuery->addStyleSheet($this->baseUrl()."/css/jquery-ui-1.8.14.custom.css");

                echo $jQuery;

            }

        ?>

    </head>

    <body>

        <?php echo $this->menuLateral(); ?>

        <?php echo $this->menuSuperior(); ?>

        

        <div id="content" class="content">

            <h1><?php echo $this->escape($this->title); ?></h1>

            <?php echo $this->layout()->content; ?>

        </div>

    </body>

</html>

Mi MenuLateral.php

Código PHP:

  <?php

class Default_View_Helper_MenuLateral extends Zend_View_Helper_Abstract {

    public function menuLateral(){        

        $menu="<div id='menulateral' class='menulateral'>";

        $menu.=$this->view->accordionPane('menu', 'menu1', array('title' => 'menu1'));

        $menu.=$this->view->accordionPane('menu', 'menu2', array('title' => 'menu2'));

        $menu.=$this->view->accordionContainer('menu', array('active' => 'none', 'collapsible' => 'true'));

        $menu.="</div>";

        return $menu;

    }

}

?>

Esto mismo lo hago en cualquier vista "prueba.phtml"(por poner un ejemplo) y funciona a la perfección.

¿Tiene alguien alguna idea de que puedo estar haciendo mal?

aluckyar · #2 (**permalink**) 03/07/2011, 05:10

Veo que el problema es poco usual. Voy a intentar explicarme mejor y ser más escueto.

El JQuery me está funcionando correctamente si el código lo tengo en index.phtml

Código PHP:

 
<form>

<? php echo $ this-> datePicker ('DP3', '', array ());?>

</ form>

Pero si este mismo código lo pongo en el layout.phtml no funciona. Al parecer, por lo que dicen por aquí
http://zend-framework-community.634137.n4.nabble.com/jquery-datepicker-in-layout-phtml-td3239102.html
es problema del renderer del layout.phtml, es decir, el layout.phtml no se renderiza como una vista.

Estoy utilizando el placeholder view helper para intentar renderizarlo como una vista y no lo consigo.

¿Alguna idea?

aluckyar · #3 (**permalink**) 03/07/2011, 05:48

Solucionado. El problema estaba en que en layout.phtml no se renderiza como una vista ya que no pasa por el flujo render de Zend.

Lo que he hecho es colocar el echo $this->jQuery(); al final del body.

Mi Layout.phtml

Código PHP:

  <?php echo $this->doctype(); ?>

<html xmlns="http://www.w3.org/1999/xhtml" collation>

    <head>

        <?php echo $this->headMeta(); ?>

        <?php echo $this->headTitle(); ?>

        <?php echo $this->headLink()->prependStylesheet($this->baseUrl()."/css/estilo.css")."\n"; ?>

    </head>

    <body>

        <?php echo $this->menuLateral(); ?>

        <?php echo $this->menuSuperior(); ?>

        <div id="content" class="content">

            <h1><?php echo $this->escape($this->title); ?></h1>

            <?php echo $this->layout()->content; ?>

        </div>

        <?php

            //Código jquery. No se pone en la cabecera por que si no no renderiza el código jquery del layout

            $jQuery=$this->jQuery();

            $jQuery->setLocalPath($this->baseUrl()."/js/jquery.js");

            $jQuery->setUiLocalPath($this->baseUrl()."/js/jquery-ui.js");

            $jQuery->addStyleSheet($this->baseUrl()."/css/jquery-ui-1.8.14.custom.css");

            echo $this->jQuery();    

        ?>

    </body>

</html>

Si alguien conoce una práctica mejor agradecería comentarios. No me gusta eso de tener el javascript en el body.

GatorV · #4 (**permalink**) 05/07/2011, 09:27

Creo te faltaría hacer un jQuery()->enable(); aunque dejes el código de jQuery() arriba en el <head>.

Yo actualmente así lo tengo en uno de mis sistemas, tengo todo lo de jQuery() en el <head></head> de mi Layout, y en el body tengo un menu, para que se "active" hago un <?php $this->jQuery()->enable()->uiEnable(); ?>

Saludos.

aluckyar · #5 (**permalink**) 11/07/2011, 10:47

Cita:

Iniciado por GatorV

Creo te faltaría hacer un jQuery()->enable(); aunque dejes el código de jQuery() arriba en el <head>.

Yo actualmente así lo tengo en uno de mis sistemas, tengo todo lo de jQuery() en el <head></head> de mi Layout, y en el body tengo un menu, para que se "active" hago un <?php $this->jQuery()->enable()->uiEnable(); ?>

Saludos.

Perdona que no te haya contestado antes pero el tema de las vacaciones es sagrado.

He probado lo que me comentabas y no me funciona, es decir, no se activa jquery en el propio layout.phtml.

GatorV · #6 (**permalink**) 11/07/2011, 10:52

Muy raro, yo lo tengo tal cual en mi proyecto y funciona perfectamente con $jQuery->enable(), de hecho mi cabecera es así:

Código PHP:

Ver original<?php echo $this->doctype(); ?>
<?php ZendX_JQuery_View_Helper_JQuery::enableNoConflictMode(); ?>
<html>
<head>
    <?php echo $this->headTitle(); ?>
    <?php echo $this->headScript()->appendFile('/js/ac.js'); ?>
    <?php echo $this->headMeta(); ?>
    <?php echo $this->jQuery()->enable()->addJavascriptFile('/js/ddsmoothmenu.js'); ?>
    <?php echo $this->headLink()
                    ->appendStylesheet('/css/global.css')
                    ->appendStylesheet('/css/popup.css')
                    ->appendStylesheet('/css/ddsmoothmenu-v.css')
                    ->appendStylesheet('/css/ddsmoothmenu.css'); ?>
</head>

Saludos.