Someone can help me replace the textbox by a combobox, like this example:

http://jqueryui.com/demos/autocomplete/#combobox

Thanks.

$filter = function(city) use ($term)

In php 5.3 like does he place?

Thank you for his help.

I had the same problem using autocomplete with my layout and I have solved it with the following:

- Use placeholder for my searchBox
- Create a Zend_Controller_Plugin that extends Zend_Controller_Plugin_Abstract
-in predispatch execute method renderUiWidgetElement of autocomplete element.
-set the placeholder with the form

Example:

class myLibrary_Controller_Plugin_SearchBox extends Zend_Controller_Plugin_Abstract
{

public function preDispatch()
{
$this->searchBox();
}

public function searchBox()
{

$viewRenderer = Zend_Controller_Action_HelperBroker::getStaticHelper(‘viewRenderer’);
$viewRenderer->initView();
$view = $viewRenderer->view;

$searchForm = new Application_Form_JQueryForm();

$searchForm->acProduct->renderUiWidgetElement();

$view->placeholder(‘searchBox’)->set($searchForm);
}
}

The key is launch method “renderUiWidgetElement();”, without it, the layout will not add the neccesary javascript to the autocomplete element. I get this information from here:

http://cientouno.be/blog/categorie/zend-framework

Thanks a lot to cientouno!

Isma.

“1 data1 desctiptionA”
“2 data2 desctiptionB”
“3 data3 desctiptionC”
etc…

if the data is too long the auto-complete drop down part is becoming longer than search box text area.
Can I some how get the geometry just to fit my data correctly? how to decorate the data inside the drop-down part?
Thanks, Arman.

$( “.selector” ).bind( “autocompleteselect”, function(event, ui) {
// your function here
});

inside your jQuery()->onLoadCaptureStart()?> block in the view. Courtesy of http://jqueryui.com/demos/autocomplete/#event-select.

I am struggling with setting the ‘select’ callback option so that I can do something interesting with the value that the user selects. I am doing $this->view->autocomplete->setJQueryParam(‘select’,'selectCallback’); the generated javascript is quoting like so

$(“#userlastname”).autocomplete({“source”:”\/admin\/users\/autocomplete-username”,”select”:”selectCallback”});

and I am wondering if the quotation is what’s preventing my callback from firing. There’s no enlightening error to be seen in my Firebug console. Has anybody figured this out?

But I would like to use the search function in the city model without any “php 5.3 magic” (so it should work with php 5.2) and then i would like to use a database query instead of the city-list in the model.

any ideas?

thanks in advance

class Model_What {
public static function search($term)
{
$filter = function($terms) use ($term)
{
$pattern = “/^$term/i”;
if(preg_match($pattern,$terms)){
return true;
} else {
return false;
}
};
return array_filter(self::getTerms(),$filter);
}

public static function getTerms()
{
$terms = Model_Searchterms::getSearchTerms();
$categories = Model_Categories::getCategories();

foreach($terms as $term){
$allterms[] = $term['search'];
}

foreach($categories as $term){
$allterms[] = $term['categoryname'];
}

return $allterms;
}
}

@Sergey
Try
$view = Zend_Layout::getMvcInstance()->getView();
$view->addHelperPath(‘ZendX/JQuery/View/Helper’,'ZendX_JQuery_View_Helper’);

in your bootstrap.php file.

Now if only I could work out how to get the autocomplete working in my layout.phtml file… Anyone?

$this->view->addHelperPath(‘Zendx/JQuery/View/Helper’, ‘ZendX_JQuery_View_Helper’);

in bootstrap?

If I use JQuery on every page of the site. In every controller and in every action. Where should I place this code. You mentioned that we may consider to place this code in bootstrap. But I found in Google 20 ways of getting VIEW in Bootstrap but none of them have that method.

I’d like to know that as well. When I use an autocomplete field in a file that I call with render or partial, the autocomplete field is rendered as a regular input field and nothing happens when I type in it.

any ideas anyone?

Thanks.

really thank you

please any help ????:(

How can I do that in a partial view in a layout :

partial(“/common/_search_engine.phtml”); ?>

I want to this on every page.

Regards
Fabrice

Tahnk you guys! I did not look at the format the results were given to me, which was this case:
{“0″:”item0″,”1″:”item1″,”3″:”item2″}

So I only needed to json the values of the array:
$this->_helper->json(array_values($results));

Now it works!

But is it possible to move the javascript generated by Zend into a seperate file?

I could just copy the output of it, and save it myself, but how do I prevent Zend from adding it in the html again?

I don’t want the javascript to be in the html source..

thank you for the great tutorials!
I was wondering if it is possible to make the AutoComplete
look for results STARTING with the searchterm, instead of
all the results CONTAINING the searchterm?

Gr. Laurens

Firstly, thanks for all your work putting these screen casts together!

when trying to load the project files i am receiving the following:

Warning: Cannot construct AutoComplete field without specifying Parameters Data and Url in /Applications/MAMP/htdocs/autocomplete/library/Zend/Form/Element.php on line 2010

Any ideas what the issue could be here?

thanks

$auto->setJQueryParam(“url” ,”/AJAXt/autoComplete/Part/”.$value .”/”);

in the /AJAXt/autoComplete/ function

run the query to get the results and return them
$this->_helper->json($results);

take a look at the controller and see if you can extend it with some code from one of the videos about Zend_Db!

this is just my assumption, as I haven’t actually tried it. Worse comes to worse, just right the jquery yourself and submit a feature request

Let us know how it goes!

Jon

I’ve managed to use the autoComplete as you’ve demonstrated
one question tho is does the ZendX version allow for all the features the non Zendx flavour has?

like callback functions?

Fabrice

check the reated videos

Are you plan to do a screencast about Zend_Form and ZendX_Jquery ?

It’ll be usefull to use the both to do a complete form with Ajax (to display errors, etc)

Thanks.
Fabrice

What I have done is, i got the DB resource defined in app.ini file, via bootstrap->getResource(‘db’), and then ran a sql statement using execute statement, and fetched in object mode. But in a very non elegant way.

So can there be a way to use Views just like we do with MySql Tables?

And one more question, but that I would throw after this one is solved

Small piece of advice : the same one with the contents in a database would be awesome !!

Very interesting and powerfull tutorial

Bravo.

Fabrice

just kiddin

tawfek