`

jquery-autocomplete 自动填充插件参数使用说明

阅读更多
jquery-autocomplete 自动填充插件参数使用说明
参数说明:
1.minChars (Number):
在触发autoComplete前用户至少需要输入的字符数.Default: 1,如果设为0,在输入框内双击或者删除输入框内内容时显示列表

2.width (Number):
指定下拉框的宽度. Default: input元素的宽度

3.max (Number):
autoComplete下拉显示项目的个数.Default: 10


4.delay (Number):
击键后激活autoComplete的延迟时间(单位毫秒).Default: 远程为400 本地10


5.autoFill (Boolean):
要不要在用户选择时自动将用户当前鼠标所在的值填入到input框. Default: false


6.mustMatch (Booolean):
如果设置为true,autoComplete只会允许匹配的结果出现在输入框,所有当用户输入的是非法字符时将会得不到下拉框.Default: false


7.matchContains (Boolean):
决定比较时是否要在字符串内部查看匹配,如ba是否与foo bar中的ba匹配.使用缓存时比较重要.不要和autofill混用.Default: false


8.selectFirst (Boolean):
如果设置成true,在用户键入tab或return键时autoComplete下拉列表的第一个值将被自动选择,尽管它没被手工选中(用键盘或鼠标).当然如果用户选中某个项目,那么就用用户选中的值. Default: true


9.cacheLength (Number):
缓存的长度.即对从数据库中取到的结果集要缓存多少条记录.设成1为不缓存.Default: 10


10.matchSubset (Boolean):
autoComplete可不可以使用对服务器查询的缓存,如果缓存对foo的查询结果,那么如果用户输入foo就不需要再进行检索了,直接使用缓存.通常是打开这个选项以减轻服务器的负担以提高性能.只会在缓存长度大于1时有效.Default: true


11.matchCase (Boolean):
比较是否开启大小写敏感开关.使用缓存时比较重要.如果你理解上一个选项,这个也就不难理解,就好比foot要不要到FOO的缓存中去找.Default: false

12.multiple (Boolean):
是否允许输入多个值即多次使用autoComplete以输入多个值. Default: false


13.multipleSeparator (String):
如果是多选时,用来分开各个选择的字符. Default: ","


14.scroll (Boolean):
当结果集大于默认高度时是否使用卷轴显示 Default: true


15.scrollHeight (Number):
自动完成提示的卷轴高度用像素大小表示 Default: 180


16.formatItem (Function):
为每个要显示的项目使用高级标签.即对结果中的每一行都会调用这个函数,返回值将用LI元素包含显示在下拉列表中. Autocompleter会提供三个参数(row, i, max): 返回的结果数组, 当前处理的行数(即第几个项目,是从1开始的自然数), 当前结果数组元素的个数即项目的个数. Default: none, 表示不指定自定义的处理函数,这样下拉列表中的每一行只包含一个值.


17.formatResult (Function):
和formatItem类似,但可以将将要输入到input文本框内的值进行格式化.同样有三个参数,和formatItem一样.Default: none,表示要么是只有数据,要么是使用formatItem提供的值.


18.formatMatch (Function):
对每一行数据使用此函数格式化需要查询的数据格式. 返回值是给内部搜索算法使用的. 参数值row


19.extraParams (Object):
为后台(一般是服务端的脚本)提供更多的参数.和通常的作法一样是使用一个键值对对象.如果传过去的值是{ bar:4 },将会被autocompleter解析成my_autocomplete_backend.php?q=foo&bar=4 (假设当前用户输入了foo). Default: {}


20.result (handler) Returns: jQuery
此事件会在用户选中某一项后触发,参数为:
event: 事件对象. event.type为result.
data: 选中的数据行.
formatted:formatResult函数返回的值
例如:
$("#singleBirdRemote").result(function(event, data, formatted) {
//如选择后给其他控件赋值,触发别的事件等等
});


注意问题:
1.网上有人说对中文的检索时处理有问题,经过测试此版本没有问题^-^
2.在使用远程地址时,它默认传入的参数是:q(输入值),limit(返回结果的最大值),可以使用extraParams传入其他的参数
3.autocomplete在使用ajax传递参数时,默认使用了get方式传递,也实在是没有找到可以通过参数提交post方式的办法。
解决方式1:在使用ajax的get方式传递中文时,使用new String(request.getParameter("q").getBytes("iso8859-1"),"utf-8")获得参数值
解决方式2:修改jquery.autocomplete.js代码,把get方式修改为post方式,然后参见之前ajax解决中文乱码的问题的
分享到:
评论

相关推荐

    jquery的autocomplete(自动补全)插件

    **jQuery的Autocomplete插件**是用于实现网页输入框自动补全功能的一种高效解决方案,它极大地提升了用户体验,尤其是在用户需要从大量数据中选择时。这个插件是基于jQuery库的,因此,首先需要确保在项目中引入了...

    jquery-autocomplete 自动完成

    jQuery Autocomplete 是一个非常流行的前端开发插件,它为输入框提供了自动完成的功能,极大地提升了用户在网页上的交互体验。这个插件基于JavaScript库jQuery构建,允许开发者轻松地创建搜索建议、动态填充表单等...

    jquery插件-autocomplete

    而jQuery Autocomplete插件则是一个非常实用的工具,它能够帮助用户在输入框中实现自动补全功能,提高用户体验。虽然jQuery UI库中也有一个Autocomplete组件,但这里我们讨论的是一个独立且简单的jQuery ...

    jquery-autoComplete 处理返回的json对象问题

    其中,jQuery-ui中的autoComplete组件是一个非常实用的功能,它能够帮助用户在输入时自动填充建议,通常用于搜索框或者表单输入。本文将深入探讨如何处理jQuery-autoComplete插件在接收到JSON对象返回数据时可能遇到...

    带数据库的 jquery-autocomplete-php

    【标题】"带数据库的 jquery-autocomplete-php" 涉及到的是一个使用jQuery库实现的自动补全功能,结合PHP和MySQL数据库来提供动态搜索建议。jQuery UI的Autocomplete插件是这个功能的核心,它允许用户在输入框中输入...

    jquery-autocomplete文档

    jQuery Autocomplete插件是一个非常实用且功能丰富的jQuery扩展,主要用于实现网页表单中输入框的自动补全功能。该插件能够极大地提升用户体验,使用户在输入数据时更加便捷高效。本文档将详细解释其使用方法、参数...

    jquery-autocomplete

    jQuery Autocomplete 是一个非常流行的前端开发插件,它能够为输入框提供自动补全功能,极大地提升了用户在网页上的交互体验。该插件基于JavaScript库jQuery,允许开发者轻松地为任何输入字段添加下拉建议列表,从而...

    jQuery-Autocomplete资源

    jQuery Autocomplete是jQuery UI框架的一部分,它允许在输入框中实现自动填充功能,通常用于搜索、表单填写等场景,提升用户体验。它通过异步(ajax)请求获取数据,根据用户输入的内容动态加载匹配项,提供实时的...

    jquery-autocomplete 智能提示

    `jQuery Autocomplete` 是一个非常流行的 jQuery 插件,它为输入框提供了自动补全的功能,适用于各种 Web 应用中的搜索、填充表单等场景。这个插件能够根据用户输入的部分字符,快速显示与之匹配的数据列表,极大地...

    jQuery-Autocomplete-master

    总的来说,jQuery Autocomplete 是一个强大且灵活的插件,能够轻松实现文本自动填充功能。无论是在电商网站的搜索框、联系人列表的筛选,还是在各种表单的输入字段中,都能看到它的身影。通过掌握其基本用法和配置...

    jquery 自动完成 Autocomplete

    **jQuery自动完成(Autocomplete)** jQuery的自动完成插件是一种强大的交互功能,它允许用户在输入文本时根据已有的数据集快速选择合适的选项。这个功能常见于搜索框、表单填充等场景,极大地提高了用户体验。在本篇...

    BootStrap-autocomplete模糊匹配,自动填充

    2. **Bootstrap组件**:Bootstrap框架提供了丰富的UI组件,如按钮、表单、导航等,Autocomplete插件充分利用了这些组件,创建出符合Bootstrap风格的自动填充下拉框。 3. **数据源**:Autocomplete需要一个数据源来...

    Jquery AutoComplete 使用demo

    在提供的 `JqueryAutoCompleteDemo` 压缩包中,通常包含了完整的 HTML、CSS 和 JavaScript 文件,展示了如何使用 jQuery AutoComplete 实现自动填充功能,包括本地数组和后台数据两种情况。通过分析和运行这个示例,...

    Jquery-autocomplete,自动提示,源代码,中文。

    在jQuery Autocomplete插件中,你可以自定义数据源,比如从服务器获取数据或者使用本地数据数组。 **解决中文显示问题** 是jQuery Autocomplete的一个关键特性。由于JavaScript默认编码问题,中文字符在某些情况下...

    Jquery插件的使用--AutoComplete

    首先,使用jQuery AutoComplete插件前,你需要引入必要的文件。这包括jQuery核心库、AutoComplete插件的JavaScript文件以及对应的CSS样式文件。这些文件可以从jQuery官方网站下载。在HTML中,你需要添加以下引用: ...

    jquery-ui autocomplete

    **jQuery UI Autocomplete** 是一个基于 jQuery 库的插件,用于实现自动补全功能,它为用户在输入框中输入内容时提供实时的建议列表。这个功能在各种 Web 应用中非常常见,比如搜索框、表单填充等,能够极大地提升...

    Jquery插件的使用--AutoComplete.docx

    标题中的“Jquery插件的使用--AutoComplete”指的是jQuery中的一个插件——AutoComplete,它主要用于实现输入框的自动补全功能,提高用户输入的效率和体验。这个插件通常用于搜索框或者任何需要根据用户输入动态提供...

    jquery.autocomplete.js使用示例,可直接运行

    **jQuery Autocomplete.js 插件使用详解** jQuery Autocomplete.js 是一个非常实用的插件,它为HTML输入框提供了自动补全功能,极大地提升了用户体验。这个插件基于jQuery库,结合Ajax技术,能够实时从服务器获取...

    Jquery autocomplete插件使用

    jQuery Autocomplete插件是jQuery UI库中的一个组件,它提供了搜索框自动补全的功能,极大地提高了用户输入的效率和体验。这个插件可以根据用户输入的字符动态地从服务器或者本地数据源获取匹配项,并在输入框下方...

Global site tag (gtag.js) - Google Analytics