autocomplete.js使用方法

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

东西/原料

  • visual studio

方式/步调

  1. 1

    建立ASP.NET MVC空项目MVCAutoComplete

    4实例建立项目

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

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

  • 发表于 2019-01-03 00:00
  • 阅读 ( 615 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具