当前位置: 代码迷 >> Web前端 >> jQueryUI autocomplete 插件的live绑定等有关问题
  详细解决方案

jQueryUI autocomplete 插件的live绑定等有关问题

热度:484   发布时间:2012-08-02 11:35:25.0
jQueryUI autocomplete 插件的live绑定等问题

???? 最近做的一个项目用到了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中中文输入无效的问题。

?

?

  相关解决方案