Comment ajouter des fichiers de script à l'aide de headScript avec Zend Framework?

Je suis en train d'élaborer une nouvelle application zend framework, et quand j'ai juste codé en dur le headScript section pour ma mise en page.phtml fichier et Bootstrap _initScript méthode, quand on regarde le code source, après ne pas avoir le script chargé... un très étrange résultat.

J'ai obtenu ceci:

<script type="text/javascript">
    //<!--
    /js/jquery-1.8.1.min.js    //-->

Voici ma mise en page.phtml code:

<?php echo $this->doctype(); ?> 
<html>
    <head>
        <?php echo $this->headTitle(); ?>
        <?php echo $this->headLink(); ?>
        <?php echo $this->headScript(); ?>
    </head>
    <body>
        <?php echo $this->layout()->content; ?>
    </body> 
</html>

Voici mon Bootstrap.php code:

protected function _initScript()
{
    $this->view->headScript()
       ->prependScript( "/js/jquery-1.8.1.min.js" );
}

Comme vous pouvez le voir, il est très ordinaire de code!

Quelqu'un pourrait m'aider à trouver ce qu'il se passe ici?

  • Avec un débogueur interactif, vous pouvez le trouver facilement.
InformationsquelleAutor Gilberto Albino | 2012-08-31
  1. 7

    Vous essayez d'ajouter "fichier" et non pas "script".

    Changement Bootstrap.php pour:

    protected function _initScript()
{
    $this->view->headScript()
       ->prependFile( "/js/jquery-1.8.1.min.js", $type = 'text/javascript' );
}

    Également vérifier cela pour headScript de référence.

    Des questions? 🙂

    • Même résultat sans $type = 'text/javascript'.
    • N'enterrez-moi vivant, si je suis sémantique 😀 Oui, +1 pour ton commentaire, il n'est pas obligatoire mais, zend sémantique (codage , les conventions et les choses) m'oblige à écrire. Toutefois, au cours de développement RAPIDE, il est OK pour miss sur cette partie!
    • Mon mauvais! En effet prependFile est correct.
    InformationsquelleAutor Karma
  2. 3

    Je trouve que lorsque la configuration de la vue, il est généralement préférable d'obtenir le point de vue de l'objet, définissez la valeur de l'espace réservé, puis retour à la vue, quelque chose comme:

    protected function _initView()
    {
        //Initialize view
        $view = new Zend_View();  

        //set doctype for default layout
        $view->doctype(Zend_Registry::get('config')->resources->view->doctype);

        //set css includes
        $view->headLink()->setStylesheet('/css/normalize.css');
        $view->headLink()->appendStylesheet('/css/blueprint/src/liquid.css');
        $view->headLink()->appendStylesheet('/css/blueprint/src/typography.css');

        //add javascript files
        $view->headScript()->setFile('/javascript/modernizr.js');
        $view->headScript()->appendFile('/javascript/jquery.js');

        //add it to the view renderer
        $viewRenderer = Zend_Controller_Action_HelperBroker::getStaticHelper(
                'ViewRenderer');
        $viewRenderer->setView($view);

        //Return it, so that it can be stored by the bootstrap
        return $view;
    }

    Je ne suis pas sûr de savoir comment bien le $this->view-> syntaxe fonctionne à partir du bootstrap mais je pense qu'elle a des problèmes.

    • +1 pour la mise à la logique, Mais, comme nous pouvons le voir dans la question, il a affiché le code source HTML de sortie!
    • J'ai créé une méthode pour la manipulation de mon point de vue, de cette façon: $this->view = Zend_Layout::startMvc()->getView(); voilà comment j'en suis arriver la vue à l'intérieur du Bootstrap à travers les méthodes de...
    • Merci pour éduquer. les Plans d'une blague pour ses collègues de travail
    InformationsquelleAutor RockyFord
  3. 0

    - Je utiliser le Zendx_jQuery composant (http://framework.zend.com/manual/1.11/en/zendx.jquery.html), je trouve ça très pratique, surtout si vous utilisez l'INTERFACE utilisateur de jQuery dans vos formulaires.

    Dans Bootstrap.php :

    protected function _initjQuery()
{
    $this->bootstrap('view');
    $view = $this->getResource('view');
    $view->addHelperPath('ZendX/JQuery/View/Helper/', 'ZendX_JQuery_View_Helper_');
    return $view;
}

    Dans ma mise en page d'en-tête html :

    $this->jQuery()->setLocalPath($this->baseUrl('js/libs/jquery-1.7.2.min.js'))
        ->setUiLocalPath($this->baseUrl('js/libs/jquery-ui-1.8.20.custom.min.js'))
        ->addStylesheet($this->baseUrl('css/ui-lightness/jquery-ui-1.8.20.custom.css'))
        ->enable()
        ->uiEnable();

/* I only print jquery css in the header */
<?= $this->jQuery()->setRenderMode(ZendX_JQuery::RENDER_STYLESHEETS); ?>

    Dans ma mise en page du corps du bas :

    <?= $this->jQuery()->setRenderMode(ZendX_JQuery::RENDER_LIBRARY | ZendX_JQuery::RENDER_SOURCES | ZendX_JQuery::RENDER_JAVASCRIPT | ZendX_JQuery::RENDER_JQUERY_ON_LOAD); ?>
    InformationsquelleAutor conradfr
  4. 0

    Essayez ceci:

    <?php

$this->headTitle('Your title');
$this->headScript()->headScript()->prependFile('/js/jquery.js');
$this->headLink()->appendStylesheet('/css/yourcss.css');

echo $this->doctype();
?>

<html>
<head>
    <?php echo $this->headTitle(); ?>
    <?php echo $this->headLink(); ?>
    <?php echo $this->headScript(); ?>
</head>
<body>
    <?php echo $this->layout()->content; ?>
</body>

    InformationsquelleAutor Defense