オートコンプリートウィジェット - jqueryの

Question

私はautocompleteようなコードの下に使用しています：

$(function() { 
    $.widget("custom.catcomplete", $.ui.autocomplete, { 
    _create: function() { 
     this._super(); 
     this.widget().menu("option", "items", "> :not(.ui-autocomplete-category)"); 
    }, 
    _renderMenu: function(ul, items) { 
     var that = this, 
     currentCategory = ""; 
     $.each(items, function(index, item) { 
     var li; 
     if (item.category != currentCategory) { 
      ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>"); 
      currentCategory = item.category; 
     } 
     li = that._renderItemData(ul, item); 
     if (item.category) { 
      li.attr("aria-label", item.category + " : " + item.label); 
     } 
     }); 
    } 
    }); 
    var data = [{ 
     label: "کاغذی", 
     category: "مداد" 
    }, 
    { 
     label: "ای125", 
     category: "مداد" 
    }, 
    { 
     label: "ای123", 
     category: "مداد" 
    }, 
    { 
     label: "ای127", 
     category: "مداد" 
    }, 
    { 
     label: "ای129", 
     category: "مداد" 
    }, 
    { 
     label: "ای124", 
     category: "مداد" 
    }, 
    { 
     label: "بی222", 
     category: "مداد" 
    }, 
    { 
     label: "بیک", 
     category: "خودکار" 
    }, 
    { 
     label: "پنتر", 
     category: "خودکار" 
    }, 
    { 
     label: "فرانسوی", 
     category: "خودکار" 
    }, 
    { 
     label: "دبل ای", 
     category: "کاغذ" 
    }, 
    { 
     label: "ییی", 
     category: "کاغذ" 
    }, 
    { 
     label: "یسش", 
     category: "کاغذ" 
    } 
    ]; 

    $("#searchInput").catcomplete({ 
    delay: 0, 
    source: data 
    }); 
}); 

私は私のURLにポストAJAXを送信できますか？

Answer 1

ここに解決策があります。sourceをcatcompleteに追加する必要があります。詳細については、次のリンクを参照してください。Click here

$("#searchInput").catcomplete({ 
       source: function(req,resp){ 
     // do ajax here 
     //.... 
     //pass the data you get in the success function into resp callback 
       resp(answer) 
     }, 
       minLength: 0, 
      }).focus(function() { 
       $(this).caticomplete("search"); 
      })