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.