Preenchimento automático da interface do usuário do jQuery com ASP MVC
Estou tentando fazer com que o jQuery Automcomplete funcione, mas ele não fará o que eu quero: P Este é o meu código:
JavaScript:
$("#CustomerID").autocomplete({
source: function(request, response) {
$.ajax({
type: "POST",
url: "/customer/search",
dataType: "json",
data: {
term: request.term
},
error: function(xhr, textStatus, errorThrown) {
alert('Error: ' + xhr.responseText);
},
success: function(data) {
response($.map(data, function(c) {
return {
label: c.Company,
value: c.ID
}
}));
}
});
},
minLength: 2,
select: function(event, ui) {
alert('Select');
}
});
ASP MVC:
[AcceptVerbs(HttpVerbs.Post)]
public JsonResult Search(string term)
{
if (term == null)
term = "";
List<JSON_Customer> customers = repCustomer.FindCustomers(term).ToList();
return Json(customers);
}
public class JSON_Customer
{
public int ID { get; set; }
public string Company { get; set; }
}
public IQueryable<JSON_Customer> FindCustomers(string searchText)
{
return from c in _db.Customers
where c.Company.Contains(searchText)
orderby c.Company
select new JSON_Customer
{
ID = c.ID,
Company = c.Company
};
}
Recebo o pedido de$.ajax
e retorno a lista correta de clientes de acordo com o termo de pesquisa. E asuccess
O método é chamado. Eu posso ver issodata
tem um[object Object]
valor, mas o que eu faço a seguir? Nenhum cliente aparece na minha lista. Estou usando oresponse($.map...
código dohttp://jqueryui.com/demos/autocomplete/#remote-jsonp mas simplesmente não vai funcionar.
Alguém sabe por que?