autocomplete.js使用方法

autocomplete.js主动搜刮补全,近似百度搜刮框的功能,本文以ASP.NET MVC为例,为您演示若何从后台获取数据动态搜刮

需要这些哦
visual studio
方式/
1建立ASP.NET MVC空项目MVCAutoComplete
【autocomplete.js使用方法】4asp.net mvc 实例demo【1】:建立项目

autocomplete.js使用方法



2添加Content文件夹,并引入Jquery、autocomplete的js和css文件,这些文件是利用autocomplete的必需文件

autocomplete.js使用方法



3在Controllers文件夹,点击右键【添加】->【节制器】,添加一个HomeController

autocomplete.js使用方法



4在HomeController的Index方式中,右键选择【添加视图】,添加一个测试Index页面

autocomplete.js使用方法



5在HomeController中添加一个新的方式,用于模拟从数据库获取数据源,并按照提交过来的参数过滤数据

autocomplete.js使用方法



6在Index页面,引入JS、CSS,添加测试DOM布局,初始化与绑定autocomplete,给文本框绑定后台过滤方式

autocomplete.js使用方法



7在visual studio中按F5,调试模式运行结果如下:输入h,后台模拟的数据源中,包含h字母的城市列出来

autocomplete.js使用方法




以上内容就是autocomplete.js使用方法的内容啦,希望对你有所帮助哦!

    猜你喜欢