Jak mogę użyć tablicę obiektów jako źródło dla jQuery UI Autouzupełnianie

Question

Jeśli mam tablicę obiektów jak

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

Czy mogę używać go jako źródło autouzupełniania? Próbowałem wykonawczych w następujących http://jqueryui.com/demos/autocomplete/#custom-data ale nie dostać http://jsfiddle.net/mvNNj/

Answer 1

Musisz:

1 - Właściwie to jQuery UI + na stronie testowej.

2 - Włączenie korzystania z 'etykiety', które Autocompleter używa znaleźć mecze:

$(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.