Zendx jQuery autocomplete

Question

I'm trying to run the Zend JQuery autocomplete function when I noticed this section in the Zend documentation .

The following user interface widgets are available as form view helpers. Make sure you are using the correct version of the jQuery UI library to be able to use them. Google CDN only offers the jQuery user interface up to version 1.5.2. Some other components are only available from jQuery UI SVN, as they were removed from the announced version 1.6 .

autoComplete ($ id, $ value, $ params, $ attribs): The AutoComplete View helper will be included in a future version of the jQuery user interface (currently only via jQuery SVN) and creates a text field and registers it to automatically complete the functionality. The completion data source must be set to "url" or "data" associated with jQuery, as described in the jQuery user guide.

Does anyone know which svn url tag or branch I need to download to get a javascript file with autocomplete functions available in it?

At the moment, my Bootstrap.php has

    $view->addHelperPath('ZendX/JQuery/View/Helper/', 'ZendX_JQuery_View_Helper'); 
    $view->jQuery()->enable();
    $view->jQuery()->uiEnable();
    Zend_Controller_Action_HelperBroker::addHelper(
        new ZendX_JQuery_Controller_Action_Helper_AutoComplete()
    );

    // Add it to the ViewRenderer
    $viewRenderer = new Zend_Controller_Action_Helper_ViewRenderer();
    $viewRenderer->setView($view);
    Zend_Controller_Action_HelperBroker::addHelper($viewRenderer);

In my layout, I define the version of jquery ui that I want

<?php echo $this->jQuery()
    ->setUiVersion('1.7.2');?>

Finally, my index.phtml has an autocomplete widget

<p><?php $data = array('New York', 'Tokyo', 'Berlin', 'London', 'Sydney', 'Bern', 'Boston', 'Baltimore'); ?>
<?php echo $this->autocomplete("ac1", "", array('data' => $data));?></p>

I am using Zend 1.8.3 atm.

Answer 1

, , dev.

, , , , ZendX_Jquery. .

Answer 2

, ui.autocomplete. [js css] ZEND, , "js/autocomplete".

Bootstrap.php: js script

$view->jQuery()->addJavascriptFile('/js/autocomplete/ui.autocomplete.js'); 

layout.phtml: css jquery, , jquery

<?php echo $this->jQuery()
    ->setUiVersion('1.7.2')
    ->addStylesheet('/js/autocomplete/ui.autocomplete.css')
    ->addStylesheet('/js/jquery-ui-1.7.2/development-bundle/themes/ui-lightness/jquery-ui-1.7.2.custom.css');?>

index.phtml: Zend.

<h3>AutoComplete</h3>
<p><?php $data = array('New York', 'Tokyo', 'Berlin', 'London', 'Sydney', 'Bern', 'Boston', 'Baltimore'); ?>
<?php echo $this->autocomplete("ac1", "", array('data' => $data));?></p>

.: -)

html head.

<link rel="stylesheet" href="/js/autocomplete/ui.autocomplete.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/js/jquery-ui-1.7.2/development-bundle/themes/ui-lightness/jquery-ui-1.7.2.custom.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/autocomplete/ui.autocomplete.js"></script>

Answer 3

I almost gave up so that autocomplete works with ZendX. Then I found this: http://www.zendcasts.com/autocomplete-control-with-zendx_jquery/2010/07/

Answer 4

I had the same problem. I made some changes to the file ZendX/JQuery/Autocomplete.php.
Change the following line:

$params['source'] = $params['data'];

to

$params = $params['url'];

and it worked for me. Thought to share this with anyone who needs it.

Thanks
Decosian