六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 87|回复: 0

jQueryUI autocomplete 插件的live绑定等问题

[复制链接]

升级  50%

5

主题

5

主题

5

主题

童生

Rank: 1

积分
25
 楼主| 发表于 2013-1-29 08:46:33 | 显示全部楼层 |阅读模式
     最近做的一个项目用到了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中中文输入无效的问题。
 
 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表