最近做的一个项目用到了jQueryUI 的autocomplete插件,遇到了若干问题,记录下以便备用。
1.修改source里默认的ajax参数
官方给出的api中source的一种形式为:
function(request,response){
$.ajax({
url: "getdata.php",
dataType: "json",
type:'post',
data:request,
success:function(data){
response(data);
}
});
}
其中,request为autocomplete自动构建的POST参数,为term="keyword"形式,"keyword"就是input中的值。
显然这种形式不能满足我要传递更多参数的需求,经研究发现request是一个object对象,
既然如此,可以通过request['key'] = "value"的形式来增加所需的参数,同时可以对用户输入进行一些处理。
2.为动态创建的input绑定autocomplete
$("input.iupac").live("keydown.autocomplete",function(){
$(this).autocomplete({
minLength:1,
width:100,
source:function(request,response){
request['term'] = encodeHTML(request['term']); //处理,转义用户输入
request['action'] = "getsuggest";
request['tb'] = "huahewu";
$.ajax({
url: "getdata.php",
dataType: "json",
type:'post',
data:request,
success:function(data){
response(data);
}
});
}
});
});
$('input.iupac').live( "input.autocomplete", function(){
$(this).trigger('keydown.autocomplete');
});
由于项目中需要动态添加一些input,而且都要绑定autocomplete,jQueryUI官方没有提供相关的api,最终在stackoverflow中找到以上解决办法,同时解决了在FireFox中中文输入无效的问题。
分享到:
相关推荐
jQuery UI Autocomplete是jQuery UI的自动完成组件演示代码
jquery.autocomplete.js 、jquery.autocomplete.css
jQueryUI jQueryUI插件 键盘插件 基于 jQueryUI 的小键盘 可灵活修改
Jquery autocomplete插件使用
jQuery UI Autocomplete 1.8.16 中文输入修正代码,使用jQuery UI Autocomplete的朋友可以参考下
autocomplete插件原有功能,不能满足需求所以修改了增加了以下几点功能: 1 粘贴文本自动加载数据 2 滚动条滚动到底部加载更多数据 3 与页面插件联动更新数据(清除缓存) 4 增加插件赋值给一个隐藏域,就可以得到文本和...
jquery实现autocomplete插件(文本框下拉选项).zip
jquery ui autocomplete实现自动填充
jQuery官方UI插件 jQuery官方UI插件 jQuery官方UI插件 jQuery官方UI插件
利用Jquery.AutoComplete插件及微软提供的ChineseConverter.dll实现汉字、拼音、简拼模糊搜索
1.该js支持jquery的自动补全功能 2.因为jquery-ui是jquery的插件,所以部分版本jquery可能不支持该插件,建议换成内附的jquery.js 3.如有疑惑,请阅读内附的说明文档
NULL 博文链接:https://free0007.iteye.com/blog/2080588
介绍 在 jQuery UI 的最近更新中增加了自动完成控件 AutoComplete,这为我们提供了又一个强大的开发工具,这里介绍一下这个控件的使用方式。 首先,jQuery UI 是基于 jQuery 的,所以,必须在你的页面中首先引用 ...
支持的数据源 jQuery UI Autocomplete主要支持字符串Array、JSON两种数据格式。 普通的Array格式没有什么特殊的,如下: 代码如下: [“cnblogs”,”博客园”,”囧月”] 对于JSON格式的Array,则要求有:label、value...
做界面效果非常好的jquery工具,在jquery上下载的源码,直接能用
jQuery UI滑杆插件 可Tooltip提示是一款jQuery UI实现的,可以设置多种颜色,再加上CSS3上运用,可以让滑杆的游标变得有立体感,滑杆的Tooltip提示框也出现飞入飞出的动画效果。
jquery-autocomplete 可用
jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库
嗯 包含大量的基于jquery的ui插件 效果很好看
jqueryUI resizeable插件与实例