autocomplete.js主动搜刮补全,近似百度搜刮框的功能,本文以ASP.NET MVC为例,为您演示若何从后台获取数据动态搜刮
建立ASP.NET MVC空项目MVCAutoComplete
4实例建立项目
添加Content文件夹,并引入Jquery、autocomplete的js和css文件,这些文件是利用autocomplete的必需文件
在Controllers文件夹,点击右键【添加】->【节制器】,添加一个HomeController
在HomeController的Index方式中,右键选择【添加视图】,添加一个测试Index页面
在HomeController中添加一个新的方式,用于模拟从数据库获取数据源,并按照提交过来的参数过滤数据
在Index页面,引入JS、CSS,添加测试DOM布局,初始化与绑心猿意马autocomplete,给文本框绑心猿意马后台过滤方式
在visual studio中按F5,调试模式运行结果如下:输入h,后台模拟的数据源中,包含h字母的城市列出来
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!