在Zend Studio的jQuery的集成问题/框架
-
19-09-2019 - |
题
我努力建立一个简单的Zend Framework应用程序,它可以调用jQuery的。 那么,是什么我下的Zend Studio 7.1.1,我补充说,在库文件夹,“ZendX”文件夹中的工作。 而且,我还下载了加入到“JS”公用文件夹jQuery的亮度主题。
您会发现整个结构是这样的: http://www.freeimagehosting.net/image.php?b95bca6dab.png 因此,我所做的是: 1-添加了以下行到bootstrap.php中文件,这样就获得了以下内容:
<?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');
然后,如我不使用的布局,我直接加入与index.phtml
和$view->jQuery()
的$view->jQuery()
文件的日期选择器,即使当我输入$view->
的Zend Studio的智能感知系统不提出jQuery()
功能。
无论如何,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>
但没有任何作品!
我得到以下输出:
TTP://www.freeimagehosting.net/uploads/7ed0166140.png
正如你可以看到,日期选择器输入文本是在这里,但在点击,它说明不了什么。
和用于源页面(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>
我确实试过很多combinaisons,但没办法搞清楚呢! 如果还试图准确地找到示出视频,一步一步,如何在Zend的jQuery的集成。
什么是错的代码?
如果你能帮助我,我真的很感激!
非常感谢,
问候。
解决方案
<?php $this->jQuery->enable;?>
应当enable()
和驻留在控制器/自举。
如果您想将jQuery添加到所有页面,我会改变
$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();
,否则你就不需要启用它在所有的,因为调用诸如datePicker()
自动inclues页面上jQuery和jQuery UI的一个帮手。