Best way to start using jQuery in a Zend Framework 1.9 application?

jquery zend-framework jquery-ui
Andrew picture Andrew · Oct 24, 2009 · Viewed 21.8k times · Source

I want to get started working with jQuery in my Zend Framework application but not sure which is the best way to get started. I know I could include the jQuery library just like any other javascript library, but what are the advantages of using ZendX_JQuery, and what are the steps necessary to start using it in my Zend Framework 1.9 application?

Answer

Andrew picture Andrew · Oct 24, 2009

I was able to get jQuery working in my 1.9.4 project by following these steps:

Step 1: Copy the ZendX directory to your library directory. ZendX can be found in the extras/library directory of your Zend Framework download.

Step 2: Download jQuery and the jQuery UI library from jqueryui.com. I chose the UI Lightness theme.

Step 3: Extract the download and rename jquery-ui-1.7.2 to jquery and move to your public/js directory.

Step 4: Add these lines to your bootstrap file:

protected function _initViewHelpers()
{
    $view->addHelperPath("ZendX/JQuery/View/Helper", "ZendX_JQuery_View_Helper");
    $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');
}

Step 5: Now add the jQuery view helper to your layout file:

<head>
    <?php echo $this->jQuery(); ?>
</head>

Step 6: To test that you have everything working, add this line to one of your view scripts:

Pick your Date: <?php echo $this->datePicker("dp1", '', array('defaultDate' => date('Y/m/d', time()))); ?>

Now, if you open this page in your browser, there should be a text field. You should be able to click on the text field, which automatically pops up a calendar that has been styled to the UI Lightness theme.

Related questions

How to add an external javascript file to a Zend Framework 2 application?

I need to add jQuery and other javascript files to my Zend Framework project. I am trying to do it with an Action controller:- public function userinfoAction() { $this->view->headScript()->appendFile($basePath .'/js/validate_…

Read More
Getting Zend_Navigation menu to work with jQuery's Fisheye

I'm using Zend_Navigation (sweet addition to the framework, btw) to build my menu, after which it should be rendered in the page (self-evidently). I first set the container somewhere in the controller: // $pages is the array containing all page …

Read More
Zend Framework form with jquery

Any one a idea how to simply create a form with Zend_Form and jquery? I want to use Zend_Form to validate the form so I don't have to dual script the form in JavaScript and PHP. Thank you, …

Read More