javascript - 使用 Twitter 的 typeahead.js - 调用我的 WebAPI，如何在我的 typeahead 输入文本框中填写下拉列表？

Question

这是我第一次使用 Twitter 的 typeahead.js。它的一部分可以正常工作，但不起作用的是当我提前输入时，输入文本框下方的下拉列表应该填充值，但对我来说却显示“未定义”。

这是我的客户端代码:

$(document).ready(function () {
    $('input.typeahead-devs').typeahead({
        name: 'movies',
        remote: {
            url: 'http://localhost:61182/api/SixFilm/GetMovies?term=%QUERY',
            dataType: 'json',
        }
    });
});

上面代码中的 URL 有效并返回有效的 JSON。这是我的 UI 和我的 Firebug 输出:

我有一种“未定义”的感觉，因为我的“预先输入”不知道为下拉列表中的值输入什么。我的 .typeahead 调用中是否缺少特定变量？我将如何正确构造我的 typeahead 以便在我的下拉列表中获得值？

Answer 1

我解决了我的问题。我需要 valueKey。 valueKey 在我的示例中是“名称”，这是我想要填充下拉列表的内容:

$(document).ready(function () {
    $('input.typeahead-devs').typeahead({
        name: 'movies',
        remote: {
            url: 'http://localhost:61182/api/SixFilm/GetMovies?term=%QUERY',
            dataType: 'json',
        }
        valueKey: "Name",
    });
});