Jquery ASP.NETMVC5在表中显示搜索记录,无需任何按钮。用户在搜索框中开始键入时,请立即单击
我目前的执行情况:Jquery ASP.NETMVC5在表中显示搜索记录,无需任何按钮。用户在搜索框中开始键入时,请立即单击,jquery,asp.net-mvc,autocomplete,Jquery,Asp.net Mvc,Autocomplete,我目前的执行情况: public ActionResult Index(string Sorting_Order, string Search_Data) { var modal = _repo.GetAllResturents(); Search_Data = Search_Data.Trim(); if (Search_Data != null) modal = from r in modal where r.Name.ToUpper().Contains(Se
public ActionResult Index(string Sorting_Order, string Search_Data)
{
var modal = _repo.GetAllResturents();
Search_Data = Search_Data.Trim();
if (Search_Data != null)
modal = from r in modal where r.Name.ToUpper().Contains(Search_Data.ToUpper()) select r;
ViewBag.SortingName = String.IsNullOrEmpty(Sorting_Order) ? "Name_Description" : "";
ViewBag.SortingCity = String.IsNullOrEmpty(Sorting_Order) ? "City_Description" : "";
switch (Sorting_Order)
{
case "Name_Description":
modal = modal.OrderByDescending(nam => nam.Name);
break;
case "City_Description":
modal = modal.OrderByDescending(cit => cit.City);
break;
default:
modal = modal.OrderBy(name => name.Name);
break;
}
return View(modal);
}
Index.cshtml:
搜索名称:
为此,您可以使用。这里是完整的GitHub使用存储库
一旦用户开始在搜索框中键入内容,这将为您提供更多的搜索记录,而无需单击任何按钮。最简单的方法是在Ajax按下按钮后提交每种类型。您可以使用jquery实现这一点
$("#search_id").keyup(function () {
//call ajax method
});
这将在用户每次键入新键时提交您的数据为此,您肯定需要Ajax调用。应该可以开始了。请阅读asp.net mvc中的jquery ajax