Código da página gerada:
<header>
<script src="/cake/js/prototype.js" type="text/javascript">
* Utilizo a versão: Prototype JavaScript framework, version 1.6.1
</header>
<form action="/cake/agendas/adicionar" method="post">
<input id="ClienteNome" type="text" value="" autocomplete="off" name="data[Cliente][nome]"/>
<div id="ClienteNome_autoComplete" class="auto_complete"/>
.
.
.
</form>
*****************************************************************************
Controle chamado pelo script:
function ajax_busca_cliente () {
$this->loadModel('Cliente');
$this->set('sugestoes', $this->Cliente->find('all', array('conditions' => array('Cliente.nome LIKE' => '%'.$this->data['Cliente']['nome'].'%'), 'fields' => array('nome'))));
$this->layout = 'ajax';
}
*****************************************************************************
View com campo autoComplete:
echo $ajax->autoComplete('Cliente.nome', '/agendas/ajax_busca_cliente');
*****************************************************************************
View do Ajax: ajax_busca_cliente
<ul>
<?php foreach($sugestoes as $sugestao): ?>
<li><?php echo $sugestao['Cliente']['nome']; ?></li>
<?php endforeach; ?>
</ul>
*****************************************************************************