使用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", 
    }); 
});