Problema de integração do jQuery no Zend Studio/Framework
-
19-09-2019 - |
Pergunta
Estou lutando para criar um aplicativo de estrutura ZEND simples que possa chamar o jQuery. Então, o que estou trabalhando no Zend Studio 7.1.1, onde adicionei, na pasta da biblioteca, a pasta "Zendx". E também baixei o tema da leveza do jQuery que foi adicionado à pasta pública "JS".
Você descobrirá que toda a estrutura é assim:http://www.freeimagehosting.net/image.php?b95bca6dab.pngEntão, o que eu fiz foi: 1- Adicionado as seguintes linhas no arquivo bootstrap.php para que eu tenha obtido o seguinte conteúdo:
<?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');
Então, como não uso os layouts, adicionei diretamente o datepicker no index.phtml
arquivo com o $view->jQuery()
e $view->jQuery()
mesmo que quando eu digito $view->
O sistema Intellisense do Zend Studio não propõe o jQuery()
função. Enfim, o index.phtml
O arquivo é:
<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>
Mas nada funciona!
Eu recebo a seguinte saída:
ttp: //www.freeimagehosting.net/uploads/7ed0166140.png
Como você pode ver, o texto de entrada DatePicker está aqui, mas, no clique, ele não mostra nada.
E para a página de origem (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>
Eu realmente tentei muitas combinações, mas não há como descobrir! Se também tentou encontrar um vídeo mostrando exatamente, passo a passo, como integrar o jQuery no Zend.
O que há de errado no código?
Se você puder me ajudar, eu realmente apreciaria isso!
Muito obrigado,
Saudações.
Solução
<?php $this->jQuery->enable;?>
deveria estar enable()
e residem no controlador/bootstrap.
Se você quiser adicionar jQuery a todas as páginas, eu mudaria
$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');
para
$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();
, caso contrário, você não precisa habilitá -lo, já que chamou um ajudante datePicker()
Inclui automaticamente o JQuery e o JQuery UI na sua página.