自動完成中未出現結果

Question

該操作返回一個JSonResult並且內容正確。我錯過了自動完成代碼中的某些內容？

HTML：

<input type="text" class="span12" id="mytextbox" /> 

的JavaScript：

<script> 
    $(document).ready(function() { 
     $("#mytextbox").autocomplete({ 
      minLength: 2, 
      source: function(request,response) { 
       $.ajax({ 
        url: "MyController/MyAction", 
        type: "POST", 
        dataType: "json", 
        data: { term: request.term }, 
        success: function (data) { 
         response($.map(data, function (item) { 
          return { firstname: item.FirstName, lastname: item.LastName, code: item.Code }; 
         })) 
        } 
       }) 
      }, 
      messages: { 
       noResults: "", results: "" 
      } 
     }) 
     .data("ui-autocomplete")._renderItem = function (ul, item) { 
      return $("<li>") 
       .append("<a>" + item.firstname + "<br>" + item.lastname + "</a>") 
       .appendTo(ul); 
     }; 
    }) 
    </script> 

Answer 1

下一個代碼工作，其中availableTags更換你的Ajax。

<script> 
    $(document).ready(function() { 
     var availableTags = [ 
     "ActionScript", 
     "AppleScript", 
     "Asp", 
     "BASIC"]; 

     $("#mytextbox").autocomplete({ 
      minLength: 2, 
      source: availableTags, 
      messages: { 
       noResults: "", results: "" 
      } 
     }).data("ui-autocomplete").renderItem = function (ul, item) { 
     return $("<li>") 
      .append("<a>" + item.firstname + "<br>" + item.lastname + "</a>") 
      .appendTo(ul); 
    }; 
    }); 
</script> 

這可能會有所幫助：http://api.jquery.com/jQuery.data/#jQuery-data-element

更新：

的問題是這一行：

.data("ui-autocomplete").renderItem = function (ul, item) { 

你有

.data("ui-autocomplete").**_**renderItem = function (ul, item) {