BootStrap 智能表单实战系列(十)自动完成组件的支持
web开发中，肯定遇到像百度、google这种搜索的功能吧，那智能表单中的自动完成可以做什么呢，下面来揭晓：
1、包含像google、百度等类似的简单搜索
2、复杂结构的支持，比如说 输入产品编号，需要将产品的编号、产品的名称、产品的单价、产品的备注信息等填写会表单中的某个位置
代码如下(页面地址：https://github.com/xiexingen/Bootstrap-SmartForm/blob/master/demo/form3-ele-autocomplete.html)：
自动完成
note:需要引入js文件：jquery-ui.js、jquery.fn.extend.js
在表单生成完成后，通过指定元素调用SmartSearch方法
参数说明：
url:请求的url
beforeSearch:可选，在发送请求之前调用的方法，改方法有一个参数data包含要发送的数据，如果需要添加或者修改要发送的参数，修改次参数即可
formatItem:可选，如果返回的不是简单的数组字符串，则必自定义操作，用于格式化界面显示的内容，例中显示的是产品编号 + 产品名称
callback:可选，如果返回的不是简单的数组字符串，则必自定义操作，用于赋值
note:如果接口返回的是简单的字符串数组，则 formatItem和callback皆可省略
这是我本地测试项目中运行的截图：
以上所述是小编给大家介绍的BootStrap 智能表单实战系列(十)自动完成组件的支持的全部叙述，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
最近在实现flash的播放音乐的功能，这就涉及到js和as交互的问题，因为要实现动态改变音乐文件的功能,可是如何判定呢？2013-07-07
这篇文章主要给大家介绍了关于微信小程序自定义导航的相关内容，文中通过示例代码介绍的非常详细，兼容各种手机,对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-12-12
这篇文章主要介绍了ES6中Set和Map用法,结合实例形式详细分析了ES6中Set和Map的基本功能、原理、使用方法及操作注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了JsonProperty 的使用方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-10-10
这篇文章主要为大家详细介绍了JavaScript实现瀑布流图片效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
django admin 使用SimpleUI自定义按钮弹窗框示例
Django 后台admin有大量的属性和方法,拥有强大的功能和自定义能力，这篇文章主要介绍了django admin 使用SimpleUI自定义按钮弹窗框示例,需要的朋友可以参考下2023-04-04
这篇文章主要为大家详细介绍了JavaScript实现左侧菜单效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
本文主要介绍了Webpack中的文件指纹的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
uniapp使用navigateBack方法返回上级页面并刷新的简单示例
最近写uniapp项目的时候发现有时候需要更新页面数据,所以下面这篇文章主要给大家介绍了关于uniapp使用navigateBack方法返回上级页面并刷新的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-03-03
Object instanceof Function 还是 Function instance of Object，是真是假，一一道来2010-01-01
最新评论