problème d'intégration jQuery dans Zend Studio / Framework

Question

Je me bats pour construire une application simple zend framework qui peut appeler jQuery. Alors, que je travaille sous Zend Studio 7.1.1 où j'ajouté, dans le dossier de la bibliothèque, le dossier « ZendX ». Et, j'ai aussi téléchargé le thème de la légèreté jQuery qui a été ajouté au dossier public « js ».

Vous trouverez toute la structure est comme ça: http://www.freeimagehosting.net/image.php?b95bca6dab.png Donc ce que je fait est: 1- ajouté les lignes suivantes dans le fichier Bootstrap.php de sorte que j'ai obtenu le contenu suivant:

<?php

class Bootstrap extends Zend_Application_Bootstrap_Bootstrap
{


}
Zend_Loader::registerAutoload();
$view= new Zend_View();
$viewRenderer = new Zend_Controller_Action_Helper_ViewRenderer();
$view->addHelperPath('ZendX/JQuery/View/Helper/', 'ZendX_JQuery_View_Helper');
$viewRenderer->setView($view);
Zend_Controller_Action_HelperBroker::addHelper($viewRenderer);
$view->jQuery()->addStylesheet('/js/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css')
        ->setLocalPath('/js/jquery/js/jquery-1.3.2.min.js')
        ->setUiLocalPath('/js/jquery/js/jquery-ui-1.7.2.custom.min.js');

Alors, comme je ne pas utiliser les mises en page, je directement ajouté le datepicker dans le fichier index.phtml avec le $view->jQuery() et $view->jQuery() même si quand je tape $view-> le système IntelliSense Zend Studio ne propose pas la fonction jQuery(). Quoi qu'il en soit, le fichier est index.phtml:

<style>
    a:link,
    a:visited
    {
        color: #0398CA;
    }

    span#zf-name
    {
        color: #91BE3F;
    }

    div#welcome
    {
        color: #FFFFFF;
        background-image: url(http://framework.zend.com/images/bkg_header.jpg);
        width:  600px;
        height: 400px;
        border: 2px solid #444444;
        overflow: hidden;
        text-align: center;
    }

    div#more-information
    {
        background-image: url(http://framework.zend.com/images/bkg_body-bottom.gif);
        height: 100%;
    }
</style>
<div id="welcome">
    <h1>Welcome to the <span id="zf-name">Zend Framework!</span></h1>

    <h3>This is your project's main page</h3>

<?php echo $this->headScript(); ?>
<?php echo $this->jQuery()->uiEnable();?>
<?php echo $this->jQuery(); ?>
<form id='ok'>
Pick your Date: <?php echo $this->datePicker('dp1', '', array('defaultDate' => date('Y/m/d', time()))); ?>
</form>
    <div id="more-information">
        <p><img src="http://framework.zend.com/images/PoweredBy_ZF_4LightBG.png" /></p>
        <p>
            Helpful Links: <br />
            <a href="http://framework.zend.com/">Zend Framework Website</a> |
            <a href="http://framework.zend.com/manual/en/">Zend Framework Manual</a>
        </p>
    </div>
</div>

Mais rien ne fonctionne!

Je reçois la sortie suivante:

ttp: //www.freeimagehosting.net/uploads/7ed0166140.png

Comme vous pouvez le voir, le texte d'entrée est datepicker ici, mais clic, il ne montre rien.

Et pour la page source (index.phtml):

<style> 
    a:link,
    a:visited
    {
        color: #0398CA;
    }

    span#zf-name
    {
        color: #91BE3F;
    }

    div#welcome
    {
        color: #FFFFFF;
        background-image: url(http://framework.zend.com/images/bkg_header.jpg);
        width:  600px;
        height: 400px;
        border: 2px solid #444444;
        overflow: hidden;
        text-align: center;
    }

    div#more-information
    {
        background-image: url(http://framework.zend.com/images/bkg_body-bottom.gif);
        height: 100%;
    }
</style> 
<div id="welcome"> 
    <h1>Welcome to the <span id="zf-name">Zend Framework!</span></h1> 

    <h3>This is your project's main page</h3> 


<link rel="stylesheet" href="../public/js/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css" type="text/css" media="screen"> 

<script type="text/javascript" src="../public/js/jquery/js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="../public/js/jquery/js/jquery-ui-1.7.2.custom.min.js"></script> 

<form id='ok'> 
Pick your Date: <input type="text" name="dp1" id="dp1" value=""></form> 
    <div id="more-information"> 
        <p><img src="http://framework.zend.com/images/PoweredBy_ZF_4LightBG.png" /></p> 
        <p> 
            Helpful Links: <br /> 
            <a href="http://framework.zend.com/">Zend Framework Website</a> |
            <a href="http://framework.zend.com/manual/en/">Zend Framework Manual</a> 
        </p> 
    </div> 
</div>

J'ai vraiment essayé beaucoup de combinaisons, mais aucun moyen de comprendre le! Si a également essayé de trouver une vidéo montrant exactement, étape par étape, comment intégrer jQuery dans Zend.

Qu'est-ce qui ne va pas dans le code?

Si vous pouvez me aider, je serais vraiment reconnaissant que!

Merci beaucoup,

concernant.

Answer 1

<?php $this->jQuery->enable;?> doit être enable() et résident dans le dispositif de commande / bootstrap.

---

Si vous souhaitez ajouter jQuery à toutes les pages, je changerais

$view->jQuery()->addStylesheet('/js/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css')
    ->setLocalPath('/js/jquery/js/jquery-1.3.2.min.js')
    ->setUiLocalPath('/js/jquery/js/jquery-ui-1.7.2.custom.min.js');

à

$view->jQuery()->addStylesheet('/js/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css')
    ->setLocalPath('/js/jquery/js/jquery-1.3.2.min.js')
    ->setUiLocalPath('/js/jquery/js/jquery-ui-1.7.2.custom.min.js')
    ->enable()
    ->enableUi();

, sinon vous n'avez pas besoin pour lui permettre du tout, car appeler une aide comme datePicker() jQuery UI automatiquement inclues et jQuery sur votre page.