tagsInputプラグインの中でJqueryオートコンプリートプラグインを呼び出す方法

Question

私は.autocomplete("txt")_renderitemを使用したかった方法でオートコンプリート結果をフォーマットしましたが、これはtagsInputプラグインの内部では使用できません。私はちょうどオートコンプリートを使用したい場合や、私がrenderitemを使用しないときにもうまくいきます。

<script type="text/javascript"> 
    $('#txtIdeaTags').tagsInput({ 
     'autocomplete_url': '/Idea/AutoComplete', 
     'autocomplete': ({ 
      source: function (request, response) { 
       $.ajax({ 
        url: "/Idea/AutoComplete", type: "POST", dataType: "json", 
        data: { term: request.term }, 
        success: function (data) { 
         response($.map(data, function (item) { 
          return { label: item.label, value: item.id, icon: item.icon, desc: item.desc }; //updated code 
         })); 
        } 
       }); 
      }, 
      focus: function (event, ui) { 
       $("#txtIdeaTags").val(ui.item.label); 
       return false; 
      }, 
      select: function (event, ui) { 
       $("#txtIdeaTags").val(ui.item.label); 
       return false; 
      } 
     }).autocomplete("instance")._renderItem = function (ul, item) { 
      return $("<li>") 
       .append("<div>" + item.label + "<br>" + item.desc + "</div>") 
       .append("<a><img height=\"20\" width=\"20\" src='" + "http://localhost:60268/Images/" + item.icon + "' /></a>") 
       .appendTo(ul); 
     } 
    }); 
</script> 

// error i get is autocomplete is not a function. Kindly give a solution please! 

Answer 1

$(function() { 
    var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC", 
     "C", 
     "C++", 
     "Clojure", 
     "COBOL", 
     "ColdFusion", 
     "Erlang", 
     "Fortran", 
     "Groovy", 
     "Haskell", 
     "Java", 
     "JavaScript", 
     "Lisp", 
     "Perl", 
     "PHP", 
     "Python", 
     "Ruby", 
     "Scala", 
     "Scheme" 
    ]; 
    $(".TagClass >> Input").autocomplete({ 
     source: availableTags 
    }); 
}); 

これは私がそれをやった方法です、私は使用されるフォーマットは、〜の.autocomplete（{ソース：YourArray}）であった