手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

autocomplete.js使用方法

时间:2024-11-05 05:53:55

1、创建ASP.NET MVC空项目MVCAutoComplete

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使用方法
© 手抄报圈