bootstrap Auto-Complete

最新推荐文章于 2022-09-10 22:11:35 发布

原创最新推荐文章于 2022-09-10 22:11:35 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

.NET 专栏收录该内容

201 篇文章

订阅专栏

本文介绍了一个基于ASP.NET MVC的输入框自动补全功能实现方法。通过前端JavaScript与后端C#相结合的方式，实现了根据用户输入进行实时搜索并显示匹配结果的功能。此功能主要应用于学校班级名称的搜索场景。

public JsonResult Search(string term) //必须为term
{
IEnumerable<SchoolClass> schoolClasses = _unitOfWork.SchoolClassRepository.SearchNamesBySchool(term, ((CustomPrincipal)HttpContext.User).SchoolId);
IEnumerable<string> schoolClassValue = schoolClasses.Select(m => m.SchoolClassName);
return Json(schoolClassValue, JsonRequestBehavior.AllowGet);
}

$(document).ready(function () {
$("#search").autocomplete({
source: $("#search").attr("data-autocomplete")
});
});