¿Cómo puedo utilizar un array de objetos como fuente de jQuery UI Autocompletar

Question

Si tengo una matriz de objetos como

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

¿Puedo usarlo como fuente para autocompletar? He intentado implementar en el siguiente http://jqueryui.com/demos/autocomplete/#custom-data pero no lo consiguió http://jsfiddle.net/mvNNj/

Answer 1

Es necesario:

1 - En realidad incluye jQuery + interfaz de usuario en la página de prueba.

2 - Incorporar el uso de 'etiquetas', que utiliza la Autocompleter para encontrar coincidencias:

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