jqueryオートコンプリートrenderItem

Question

私は以下のコードを持っています。 jsエラーは発生しません。オートコンプリートを取得して結果を表示できない：

$(function() { 
    $.ajax({ 
    url: "data.xml", 
    dataType: "xml", 
    cache: false, 
    success: function (xmlResponse) { 
     var data_results = $("Entry", xmlResponse).map(function() { 
      return { 
       var1: $.trim($("Partno", this).text()), 
       var2: $.trim($("Description", this).text()), 
       var3: $.trim($("SapCode", this).text()), 
       var4: $("Title", this).text(), 
       var5: $.trim($("File", this).text()), 
       var6: $.trim($("ItemID", this).text()) 
      }; 
     }).get(); 

     $("#searchresults").autocomplete({ 
      source: data_results, 
      minLength: 3, 
      select: function (event, ui) { 
       ... 
      } 
     }).data("autocomplete")._renderItem = function(ul, item) { 
       return $("<li></li>").data("item.autocomplete", item) 
        .append("<a>" + item.var1 + "<br>" + item.var2 + "</a>") 
        .appendTo(ul); 
     }; 

    } 
}); 

アイデアはありますか？前もって感謝します。デフォルトでは

Answer 1

、オートコンプリートは、ソース配列がlabel財産、valueプロパティのいずれか、または両方を持つオブジェクトが含まれていることを期待します。

var data_results = $("Entry", xmlResponse).map(function() { 
    return { 
     var1: $.trim($("Partno", this).text()), 
     var2: $.trim($("Description", this).text()), 
     var3: $.trim($("SapCode", this).text()), 
     var4: $("Title", this).text(), 
     var5: $.trim($("File", this).text()), 
     var6: $.trim($("ItemID", this).text()), 
     value: $.trim($("Description", this).text()) 
    }; 
}).get(); 

あなたvalueに：あなたはAJAX呼び出しから配列を処理するとき

1. があなたのソースオブジェクトにラベルや値のプロパティを追加します。念頭に置いて

   次の2つのオプションがあります割り当てはfocus,selectで使用され、で検索されます。この戦略では、カスタムselectとfocusロジックを実装する必要があること

   $("#searchresults").autocomplete({ 
       source: function (request, response) { 
        var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i"); 
   
        response($.grep(data, function (value) { 
         return matcher.test(value.var1) || 
           matcher.test(value.var2); 
         /* etc., continue with whatever parts of the object you want */ 
        })); 
       }, 
       minLength: 3, 
       select: function (event, ui) { 
        event.preventDefault(); 
        this.value = ui.var1 + ui.var2; 
       }, 
       focus: function (event, ui) { 
        event.preventDefault(); 
        this.value = ui.var1 + ui.var2; 
       } 
   }).data("autocomplete")._renderItem = function(ul, item) { 
        return $("<li></li>").data("item.autocomplete", item) 
         .append("<a>" + item.var1 + "<br>" + item.var2 + "</a>") 
         .appendTo(ul); 
   }; 
   

   注：

2. 変更source機能は、カスタムフィルタリングロジックを実行します。

Answer 2

と表示されているようです。

出典：http://jqueryui.com/upgrade-guide/1.10/#removed-data-fallbacks-for-widget-names