Tendo problemas com o preenchimento automático da interface do usuário do jQuery
Estou tentando usar o novofunção de preenchimento automático na interface do usuário do jQuery, mas estou tendo alguns problemas.
Consigo recuperar dados do banco de dados (posso vê-lo no FireBug), mas não consigo exibir a lista suspensa (nem alertar os dados).
Este é o meu código jQuery:
jQuery('#brand_search').autocomplete({
source: "http://mysite.com/wp-content/themes/storelocator/include/jquery.search.php?instance=brand",
minLength: 2,
delay: 50,
select: function(e, ui) {
alert(ui);
}
});
E este é o meu código PHP:
/* ------------------ Brand Autosuggest ------------------------- */
function autosuggestBrand($dal)
{
$result = $dal->getRowBySearch('sl_label','name', $this->term);
$brands = array();
if(mysql_num_rows($result)>0)
{
while($row = mysql_fetch_assoc($result))
{
array_push($brands, array(
"id" => $row['id'],
"name" => html_entity_decode($row['name'], ENT_QUOTES, 'UTF-8') )
);
}
}
echo json_encode($brands);
}
Eu vi esses dois guias:
http://www.jensbits.com/2010/03/29/jquery-ui-autocomplete-widget-with-php-and-mysql
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-use-the-jquery-ui-autocomplete-widget
Mas ainda não consigo descobrir como exibir / alertar os dados buscados.
Este é o resultado deecho json_encode
[
{"id":"4642","name":"Mo Koshji"},
{"id":"4627","name":"MO-A"},
{"id":"4626","name":"MO'CYCLE"},
{"id":"4628","name":"mo851"},
{"id":"4629","name":"Mob Action"}
]