Antes do jQuery UI 1.8.4, eu podia usar HTML no array JSON que construí para trabalhar com preenchimento automático.
Consegui fazer algo como:
$row_array['label'] = '<span style="color: red; font-family: courier;">User, Name</span>';
Isso seria exibido como um texto em vermelho no menu suspenso.
A partir de 1.8.4 isso não funciona. Encontrei http://dev.jqueryui.com/ticket/5275 que me diz para usar o exemplo de HTML personalizado aqui, com o qual não tive sorte.
Como posso fazer com que o HTML apareça na sugestão?
Minha jQuery é:
<script type="text/javascript">
$(function() {
$("#findUserIdDisplay").autocomplete({
source: "ui_autocomplete_users_withuname.php",
minLength: 2,
select: function(event, ui) {
$('#findUserId').val(ui.item.id);
}
});
});
</script>
Minha matriz JSON inclui HTML como o seguinte:
[{"label":"<span style="color: red";>User, Name</span>","value":"User, Name","id":"10"}]