url.action自動完成

Question

從回覆的幫助後，我改變了我的代碼

@Html.TextBoxFor(per => per.Hospital, new { style = "width:220px", @maxlength = "50", data_autocomplete = Url.Action("HospitalList", "Person") }) 

我jQuery是

$(document).ready(function() {   
    $('input[data_autocomplete]').each(function() { 
     var url = $(this).data('autocomplete'); 
     $(this).autocomplete({ 
      source: function (request, response) { 
       $.getJSON(url, { 
        term: request.term 
       }, response); 
      } 
     }); 
    }); 
}); 

而創建的一個新的Action結果

public ActionResult HospitalList(string term) 
    { 
     List<string> result = new List<string>(); 
     result.Add("Hospital 1"); 
     result.Add("NYUMC"); 
     result.Add("Christ"); 
     result.Add("Bellevue"); 
     result.Add("NewYork-Presbyterian"); 
     result.Add("North Central Bronx Hospital");    

     return Json(result , JsonRequestBehavior.AllowGet); 
    } 

現在我在哪裏wromg。我只看到一個文本框，沒有自動完成的行爲。我應該包括任何jQuery庫它的工作

Answer 1

你還沒有顯示你正在使用哪個自動完成插件。如果是jQuery UI autocomplete，你可以從你的控制器動作返回過濾後的結果爲JSON：

[HttpGet] 
public ActionResult PersonSearch(string term) 
{ 
    // The term parameter will contain the value entered by the user in the textbox. 
    // here you could use it and query your database in order to filter the results. 
    string[] result = new string[] 
    { 
     "filtered value 1", 
     "filtered value 2", 
     "filtered value 3", 
     "filtered value 4", 
    }; 

    return Json(result, JsonRequestBehavior.AllowGet); 
} 

最後，你會附加插件：

$(function() { 
    $('input[data-autocomplete]').each(function() { 
     var url = $(this).data('autocomplete'); 
     $(this).autocomplete({ 
      source: function(request, response) { 
       $.getJSON(url, { 
        term: request.term 
       }, response); 
      } 
     }); 
    }); 
}); 

注意如何控制行動採取term參數應該返回一個字符串列表作爲JSON。