asp.net-mvc-4 - mvc4 jquery自动完成项目显示为星号而不是可读数据

Question

我的自动完成功能运行良好，可以在我输入字段时看到它正在返回一些数据——但文本框下方下拉列表中显示的数据只是星号或列表项项目符号的垂直列。（我真的不知道它们是什么。）

当我直接在浏览器中查询 Web 服务时，它会按预期返回一个 Json 数组，如下所示，例如 ?term=chi （为了便于阅读，我添加了一些换行符）

[
 {"Name":"Chihuahua"},
 {"Name":"Chinese Crested"},
 {"Name":"Chinese Shar-Pei"},
 {"Name":"Japanese Chin"},
 {"Name":"Schipperke"}

]

我的 JavaScript 看起来像这样：

$(function() {
    $("#Breed").autocomplete({
        source: "@Url.Action("BreedList", "Patient")"
    });
});

就像我说的，我有问题的文本框（#Breed）的响应有点像自动完成框，但下拉数据很奇怪。有任何想法吗？

score 0 · Accepted Answer

尽管我确实遇到了 CSS 捆绑问题（不知何故，我从捆绑包中省略了 jquery ui css），但更大的问题是我的服务返回的 Json 需要每个项目的小写“值”属性。我在我的 Linq 查询中使用了列名。指出我正确方向的提示来自这里的答案：jQueryUI autoComplete 返回空列表

1 回答 1