Facebookのアプリでオートコンプリートの代替方法

Question

私はすべての部分を解決し、Googleのアプリケーションエンジンを使用してjavascript変数を読み込むことができます。今私はオートコンプリートのカスタムデータに悩まされている。ここに私のスクリプトは

var friends=[] 
{% for name in user_names %} 
    vals={"id":"{{ name.id }}","name":"{{ name.user }}"} 
    friends.push(vals) 
{% endfor %} 

$(function() { 
    alert(friends); 
$("#suggest1").autocomplete({ 
    minLength: 0, 
    source: friends, 
    focus: function(event, ui) { 
     $("#suggest1").val(ui.item.name); 
     return false; 
    }, 
    select: function(event, ui) { 
     $("#suggest1").val(ui.item.name); 
     $("#suggest1-id").val(ui.item.id); 
     return false; 
    } 
}) 
.data("autocomplete")._renderItem = function(ul, item) { 
    return $("<li></li>") 
     .data("item.autocomplete", item) 
     .append("<a>" + item.name + "</a>") 
     .appendTo(ul); 
}; 
}); 

とhtmlコードです：

<div class="section" id="user-section"> 
        <input id='suggest1' /> 
        <input type="hidden" id="suggest1-id"/> 
       </div> 

友人は友人とそのIDを含むオブジェクトのリストです。今、このオートコンプリートは機能していません。誰でも私が間違っていることを知る手伝いができますか？

Answer 1

おそらくそれはちょうどあなたのfriends配列の形式ですか？

jQuery UI Autocomplete docsアイテムは、labelまたはvalueのいずれかのプロパティ、またはその両方のオブジェクトである必要があります。

商品には、代わりにidとnameのプロパティがあります。