Input con Autocomplete de JQuery en CakePHP 2.x
En la vista donde agregarás el input de texto:
<input name="data[DocumentsProduct][product_name]" id="DocumentsProductProductName" autocomplete="off" />
<div id="buscar_suggest" style="display:none;"></div>
<!-- el id es importante, debe tener el nombre que le da CakePHP para que lo tome al hacer el submit -->
<script>
$.ajax({
url: "<?php echo $this->Html->url('/buscar/suggestData'); ?>",
cache: true,
dataType: "json",
contentType: "application/json",
success: function(response,status){
var suggestData = response;
//Acá pones el ID del input
$("#DocumentsProductProductName").autocomplete({
source: suggestData
});
},
error: function(response, status) {
alert('Error! response=' + response + " status=" + status);
}
});
</script>
Creas (o modificas) el controlador de esa búsqueda
// app/controllers/buscar_controller.php
class BuscarController extends AppController {
//Si creas el controlador, esto evita usar un Modelo
var $uses = false;
function suggestData() {
$this->layout = false;
$this->header('Expires: '.date('r', strtotime('+1 day')));
$this->header('Content-type: application/json; charset=utf-8');
Configure::write('debug', 0);
$this->set('data', $this->ProductSearches());
}
function productSearches() {
$this->layout = false;
$this->loadModel('Product');
$productos=$this->Product->find('list');
foreach ($productos as $uuid => $producto) {
$lista["label"] = $producto;
$lista["value"] = $uuid;
$prediccion[] = $producto;
}
return $prediccion;
}
}
Por último, creas la vista
<?php
// app/views/buscar/suggestData.ctp
echo json_encode($data); //Esto formatea los datos
theartofmadeline
tangentwithtanner
turnnoffyourmind
ellievsbear
stormborns
snowghoul
prguitarman
kaledo-art