Bom dia a todos, estou com problemas para implementar uma função em minha aplicação. No caso, não estou conseguindo exibir o resultado da minha função autocomplete em uma das minhas paginas. O código que estou utilizando é este:
var url = "/Estoque/GetAutoComplete";
$(document).ready(function () {
$('#Cd_Cod_Produto').keypress(function () {
$('#Cd_Cod_Produto').autocomplete({
source: function () {
$.get(url, { term: $('#Cd_Cod_Produto').val() }, function (data) {
$.map(data, function (item) {
return {
label: item.Name,
val: item.Value
//console.log(item.Name);
}
});
});
}
});
});
});O campo onde quero implementar a função:
<div class="input-group">
<input id="Cd_Cod_Produto" name="estoque.Cd_Cod_Produto" type="text" class="form-control" onblur="Funcao()" style=" padding-left:0px; padding-right:0px; padding-top:0px; text-transform:uppercase; " autocomplete="on">
</div>e o Controller:
[HttpGet]
public JsonResult GetAutoComplete(string term)
{
EstoqueDAO dao = new EstoqueDAO();
List<Autocomplete> lista = dao.BuscaResultados(term);
dao.Dispose();
return Json(lista, JsonRequestBehavior.AllowGet);
}No caso eu já verifiquei que a chamada do controller acontece e ele retorna o resultado esperado, mas não aparece nada no meu input. Dentro do meu script existe uma parte comentada (//console.log(item.Name)) se eu retirar o comentário ele exibi os resultados no console do browser normalmente. Alguém sabe como posso resolver isso? Desde já agradeço a quem puder ajudar, dar uma dica.
