您现在的位置是:网站首页> 编程资料编程资料
ASP.NET MVC使用typeahead.js实现输入智能提示功能_实用技巧_
2023-05-24
309人已围观
简介 ASP.NET MVC使用typeahead.js实现输入智能提示功能_实用技巧_
使用typeahead.js可以实现预先输入,即智能提示,本篇在ASP.NET MVC下实现。实现效果如下:

首先是有关城市的模型。
public class City { public int Id { get; set; } public string Name { get; set; } public string PinYin { get; set; } }在HomeController中响应前端请求返回有关City的json数据。
public ActionResult GetCitiesJson() { var result = new List() { new City(){Id = 1, Name = "青岛",PinYin = "qingdao"}, new City(){Id = 10, Name = "青山",PinYin = "qingshan"}, new City(){Id = 11, Name = "青峰",PinYin = "qingfeng"}, new City(){Id = 2, Name = "武汉",PinYin = "wuhan"}, new City(){Id = 3, Name = "烟台",PinYin = "yantai"}, new City(){Id = 4, Name = "哈尔滨",PinYin = "haerbing"}, new City(){Id = 5, Name = "北京",PinYin = "beijing"}, new City(){Id = 6, Name = "安阳",PinYin = "angyang"}, new City(){Id = 7, Name = "长春",PinYin = "changchun"}, new City(){Id = 8, Name = "东阳",PinYin = "dongyang"}, new City(){Id = 9, Name = "葛洲坝",PinYin = "gezhoubei"} }; return Json(result,JsonRequestBehavior.AllowGet); } 在视图中先加载City集合,再使用预先输入功能。
@section styles { } @section scripts { }以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。如果你想了解更多相关内容请查看下面相关链接
您可能感兴趣的文章:
相关内容
- ASP.NET MVC实现城市或车型三级联动_实用技巧_
- ASP.NET MVC实现区域或城市选择_实用技巧_
- uniapp+.net core实现微信小程序获取手机号功能_实用技巧_
- 在Asp.net core项目中使用WebSocket_实用技巧_
- ASP.NET Core实现中间件的几种方式_实用技巧_
- .net程序开发IOC控制反转和DI依赖注入详解_ASP.NET_
- .NET 中配置从xml转向json方法示例详解_ASP.NET_
- 在.NET程序崩溃时自动创建Dump的思路详解_实用技巧_
- 关于EF的Code First的使用以及踩坑记录_实用技巧_
- .NET Core利用BsonDocumentProjectionDefinition和Lookup进行 join 关联查询(推荐)_实用技巧_
