Comments on: Autocompletion – the easy way

By: cakebaker

cakebaker — Mon, 08 Mar 2010 15:26:04 +0000

@Andy: Thanks for your comment, I modified the article accordingly.

By: Andy Potanin

Andy Potanin — Fri, 05 Mar 2010 00:27:05 +0000

For any new users having issues with, reference this: http://book.cakephp.org/view/208/AJAX

If you have a brand new setup, you need to download JS libraries and put them into the app/webroot/js folder.

Put the following into your controller:

var $components = array('Autocomplete');
	var $helpers = array('Html', 'Javascript', 'Ajax');

and the following into your view file (I put it into my default.ctp file) into the header”:

link('prototype');
echo $javascript->link('scriptaculous');
?>

By: sai

sai — Tue, 02 Mar 2010 14:47:30 +0000

Could you please guide me

By: sai

sai — Tue, 02 Mar 2010 14:46:34 +0000

I have a employee dropdown list in the VIEW->add.ctp — when an employee is selected and clicked next
In the next page(same page(add.ctp) or next page(edit.ctp)) it shud display the selected empolyee and his department and salary which are present in the users table. Also there are many other fields to be filled after the department and salary are displayed in this page automatically from the datebase’s users table.
I already have a model and controller. Its actually for a form. everything is working, but now i have to introduce this logic where instead of hand filling the department of an employee. As soon as we select employee the department field in tht page shud be displayed which is present in the user table.

By: cakebaker

cakebaker — Wed, 27 Jan 2010 15:18:47 +0000

@Laceja: Well, the autoComplete() method allows you to pass an options array as third parameter. However, “label” and “div” are useless, as an autocomplete field is generated without label and the generated div is necessary for the results.

By: Laceja

Laceja — Tue, 26 Jan 2010 17:18:32 +0000

As I recall, the ajax->autocomplete does not support the ‘class’ => ’short100r3′, ‘label’ => false, and ‘div’ => false properties. I am correct?

I don’t want the control to be in it’s own div, because I’ve got an array of 40 of them. div forces each to its own line.

By: cakebaker

cakebaker — Tue, 26 Jan 2010 15:41:33 +0000

@Laceja: Hm, I still don’t get it. To use autocompletion, you have to use the second snippet from your original comment. The third snippet creates a “normal” input field without autocompletion.

And if you use Firebug, do you see any Ajax requests when you type something into the field with autocompletion?

By: Laceja

Laceja — Mon, 25 Jan 2010 18:02:07 +0000

Sorry, I meant to say this is the command I coded to render the field. But, the autocomplete doesn’t work. That is, I don’t get a list as I begin to type and I’m certain there is data in my table to match what I am typing.

By: cakebaker

cakebaker — Mon, 25 Jan 2010 16:09:30 +0000

@Laceja: Hm, I don’t understand what you mean with “the rendered field looks like this”. If it is rendered, it should be HTML code, and not PHP. Also, did you check with Firebug, whether there are any Javascript errors? And which CakePHP version do you use?

By: Laceja

Laceja — Fri, 22 Jan 2010 19:13:14 +0000

I can't seem to make this work. I have in the controller:


var $components = array('Autocomplete');

Then in my view I have added:


autocomplete('Operation.op_code'); ?>

And, the rendered field looks like this:


    echo $form->input('opcode', array('value' => $furnarray[opcode],'class' => 'short100r3', 'label' => false, 'div' => false, 'action' => 'autocomplete'));

Of course, I've included $components('Autocomplete') in the contoller along with adding Ajax to the $helpers, and scriptaculus.js?load=effects and prototype.js are included in the head section. I'm not getting any errors. It just doesn't work. Thanks.