مشكلة تكامل مسج في Zend Studio / Framework

Question

أنا تكافح لبناء تطبيق بسيط إطاري Zend يمكنه الاتصال بجائق. لذلك، ما أنا أعمل تحت Zend Studio 7.1.1 حيث أضفت، في مجلد المكتبة، مجلد "ZendX". ، قمت أيضا بتنزيل موضوع Lightness Jquery الذي تمت إضافته إلى المجلد العام "JS".

ستجد الهيكل كله مثل هذا: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');

ثم، كما لا أستخدم التخطيطات، أضفت DatePicker مباشرة في index.phtml ملف مع $view->jQuery() و $view->jQuery() حتى لو عندما اكتب $view-> لا يقترح نظام Zend Studio IntelliSense 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/7ed01666140.png.

كما ترون، فإن نص إدخال DatePicker موجود هنا، ولكن عند النقر، لا يظهر شيئا.

وبالنسبة للصفحة المصدر (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>

لقد حاولت حقا العديد من المشاركين، ولكن لا توجد طريقة لمعرفة ذلك! إذا حاولت أيضا العثور على مقطع فيديو يظهر بالضبط، خطوة بخطوة، وكيفية دمج JQUERY في ZEND.

ما الخطأ في الكود؟

إذا كنت تستطيع مساعدتي، فسأكون أقدر ذلك!

شكرا جزيلا،

مع تحياتي.

Answer 1

<?php $this->jQuery->enable;?> يجب ان يكون enable() وإقامة في وحدة تحكم / bootstrap.

---

إذا كنت ترغب في إضافة 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() تلقائيا checues jQuery and jquery ui على صفحتك.