如何使用對象的數組作爲源jQuery用戶界面自動完成

Question

如果我有對象的像

var arrLinks = [ 
    { key: 1, url: "http://google.com" }, 
    { key: 2, url: "http://yahoo.com", title: "Yahoo" }, 
    { key: 2, url: "http://microsoft.com" } 
]; 

我可以用它作爲源自動完成一個數組？我試着在以下http://jqueryui.com/demos/autocomplete/#custom-data執行，但沒有得到它http://jsfiddle.net/mvNNj/

Answer 1

您需要：

1 - 其實包括您的測試頁上的jQuery UI +。

2 - 結合使用 '標籤' 的其中Autocompleter用來尋找匹配：

$(function() { 
    var arrLinks = [ 
     { 
     key: 1, 
     url: "http://google.com", 
     label: 'google'}, 
    { 
     key: 2, 
     url: "http://yahoo.com", 
     title: "Yahoo", 
     label: 'yahoo'}, 
    { 
     key: 2, 
     url: "http://microsoft.com", 
     label: 'microsoft'} 
    ]; 
    $("input[name=url]").autocomplete({ 
     source: arrLinks 
    }).data("autocomplete")._renderItem = function(ul, item) { 
     return $("<li>").data("item.autocomplete", item).append("<a>" + item.url + "</a>").appendTo(ul); 
    }; 
}); 

Your test page, working.