JQuery UI Autocomplete with Zend Framework

Question

I was wondering about how to add the autocomplete JQuery UI widget to a form I'm developing in the Zend Framework without using ZendX. The folders for the website are set up per the framework, but I'm not using Zend_Form.

So I stripped everything down to the simplest form, which works:

<script>
  $(document).ready(function() {
    $("input#autocomplete").autocomplete({
    source: ["best", "buy"]
});
  });
  </script>

<input id="autocomplete" />

But I have a PHP file that returns entries from a database in JSON. How do I use that instead? I tried replacing the array with the name of the file, but then nothing happens. Thanks!

When you view the source of the rendered Zend_From page does it look like the path to the js file(s) is correct? — Michael
– Michael, Commented Jun 12, 2012 at 20:34

opHasNoName · Accepted Answer · 2012-06-16 05:17:32Z

3

this should work for you:

// js stuff
$( "input#autocomplete" ).autocomplete({
    source: "http://localhost/application/index/autocomplete"
});


//IndexController.php

/**
 * Return AutoComplete stuff
 */
public function autocompleteAction()
{
    // disable view and layout, we want some fanzy json returned
    $this->_helper->layout()->disableLayout(); 
    $this->_helper->viewRenderer->setNoRender(true);

    $values = array('best', 'buy');
    $valuesJson = Zend_Json::encode($values);
    echo $valuesJson;
}

You could altough pass the BaseUrl to your Script (instead of using fullpath)

//layout.phtml
<script type="text/javascript">
var baseUrl = "<?= $this->baseUrl(); ?>";
</script>

So you could do:

source: baseUrl + "/index/autocomplete"

edited Jun 16, 2012 at 5:17

answered Jun 15, 2012 at 7:10

opHasNoName

20.8k26 gold badges102 silver badges149 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user Over a year ago

thank you! :) i think writing out the whole source path did the trick!

Collectives™ on Stack Overflow

JQuery UI Autocomplete with Zend Framework

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related