基于jquery的autocomplete是个自动查询补全插件,根据用户的输入通过AJAX即时与后台沟通,返回合适内容生成可选择列表供使用完成补全辅助功能。它有较详细的选项可以设置,要使用的朋友可以先看看官方说明。
本文讨论的是根据需要对其进行必要的修改。比如要减少不必要的查询,降低频繁检索对数据库和服务器的压力,光使用minChars的话,作用十分有限。
下面的方法,通过修改jq.autocomplete源码改变它对按键的处理逻辑,把回车键的功能转移到空置的TAB键,把回车键作为手动发起查询的功能键。普通的按键将不会再激发查询了。
1,打开jq.autocomplete,查找 case KEY.TAB:
2,找到后,将下面代码替换到源码相应位置:
case KEY.TAB:
if( selectCurrent() ) {
// stop default to prevent a form submit, Opera needs special handling
event.preventDefault();
blockSubmit = true;
return false;
}
break;
case KEY.RETURN:
clearTimeout(timeout);
timeout = setTimeout(onChange, options.delay);
break;
default:
break;
转载请注明出自 http://blog.csdn.net/theforever/article/details/8053963
如果有时间,可以把这个功能改写成jq.autocomplete的一个扩展选项,通过它来控制是自动查询还是手动查询。只要增加一个选项,然后在这三个CASE里进行判断就可以了。由于这只是从一个具体问题产生的解答,没有心情再写额外的什么了(时间久了你也一样哦)。有兴趣的朋友可以自己去进行扩展。
分享到:
相关推荐
Jquery autocomplete插件使用
jquery.autocomplete.js 、jquery.autocomplete.css
jQuery自动完成插件autocomplete.zip
1.该js支持jquery的自动补全功能 2.因为jquery-ui是jquery的插件,所以部分版本jquery可能不支持该插件,建议换成内附的jquery.js 3.如有疑惑,请阅读内附的说明文档
jquery-autocomplete 可用
jquery实现autocomplete插件(文本框下拉选项).zip
jquery的一个autocomplete插件 不是ui里的那个,简单实用。
ASP.NET用JQuery插件实现的AutoComplete实例说明(源码)
利用jquery.autocomplete插件搜索并将查询出来的结果进行分页
jquery.autocomplete的js+css 自动查询的显示的空控件,jquery.autocomplete.js和jquery.autocomplete.css文件
利用Jquery.AutoComplete插件及微软提供的ChineseConverter.dll实现汉字、拼音、简拼模糊搜索
jquery搜索自动提示下拉框插件autocomplete
autocomplete插件原有功能,不能满足需求所以修改了增加了以下几点功能: 1 粘贴文本自动加载数据 2 滚动条滚动到底部加载更多数据 3 与页面插件联动更新数据(清除缓存) 4 增加插件赋值给一个隐藏域,就可以得到文本和...
jquery-autocomplete 自动完成插件
jquery.autocomplete 自动提示
jQuery UI Autocomplete是jQuery UI的自动完成组件演示代码
jquery自动补全插件(jquery autocomplete) 内包含使用说明,前台+后台
自己做了一个jQuery的AutoComplete插件,与官方的不同实现方式不同,里面带有例子 具体请看http://blog.csdn.net/luq885/archive/2007/05/27/1627389.aspx<br/>
javascript 实现Autocomplete 源代码。可以嵌入任何大多数ASP.net,java的系统中。携程网效果。但是Microsoft Dynamics CRM 4.0例外。 Microsoft Dynamics CRM 4.0用的以后推出。
基于jquery.autocomplete的分页实现,修改了autocomplete.js。项目是vs2010,用的dotnet2做后台,内有效果图。