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); 
      } 
     }); 
    }); 
}); 

И создал новый результат Экшены

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.