首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery autocomplete 的一个小bug,哪位高手能帮忙解决,十分感谢

2012-08-08 
jquery autocomplete 的一个小bug,谁能帮忙解决,十分感谢众所周知,jquery 的 autocomplete 有一个result()

jquery autocomplete 的一个小bug,谁能帮忙解决,十分感谢
众所周知,
jquery 的 autocomplete 有一个result()方法,
供大家在用户选择了li中的某个值的时候执行用户自定义方法,
这样就能解决后台传来key,value,用户选择了key,隐藏域储存了value的问题.
但是这个result()方法有一个小bug
例如你的autocomplete 设置了autoFill: true, //自动填充,
匹配项里有'abcdefg',当你输入了'ab'之后,发现abcdefg都被加载到了input,
这个时候,用鼠标点击页面其他位置时,并没有激发result()事件.
或者你ctrl+v进去'abcdef',然后用鼠标点击页面其他位置,也没有激发result().

这样会引发一个问题,我在result()事件执行了记录value的方法
用户粘贴进去一个正确的key,但是我却没能把对应的value记录下来.

我看了一个下午autocomplete 的源码.没看出来所以然,
有没有nb人能解决这个问题,或者提供一个解决此问题的思路
感激不尽!!!




code:

JScript code
var url="suppliernumber.do?action=getAllSupplierNumberShort";        $.getJSON(url,function(data){            if(data!=null){                   var allSupplierNumber=data.allSupplierNumber;                   $("#jgFactory").autocomplete(allSupplierNumber,{                         max: 12, //列表里的条目数                         minChars: 0, //自动完成激活之前填入的最小字符                         width: 400, //提示的宽度,溢出隐藏                         scrollHeight: 300, //提示的高度,溢出显示滚动条                         matchContains: true, //模糊匹配                        //mustMatch:true,//输入错误值是否填充                        selectFirst:true,//自动选择第一个                        autoFill: true, //自动填充                         formatItem: function(row, i, max) {//下拉列表处理函数                             return row.supplierIntro;                           },                           formatMatch: function(row, i, max) {//格式化input显示内容                             return row.supplierIntro;                           },                           formatResult: function(row) {                             return row.supplierIntro;                           }                   }).result(function(event, data, formatted) {                       $("#jgFactoryAutoid").val(data.autoid);//保存id                });               }           });});


[解决办法]

我就顶你
[解决办法]
晕啊原来有result这个函数啊!我自己在它里面加的代码,就是用户选择下拉内容的时候触发751行处吧,希望对你有用
JScript code
        selected: function() {            var selected = listItems && listItems.filter("." + CLASSES.ACTIVE).removeClass(CLASSES.ACTIVE);                        //我加的代码            if(document.getElementById('can_win')){                var money = selected[0].innerHTML.toString().toLowerCase().replace(/<strong>|<\/strong>/g, '');                mathCanWin(money);            }                        return selected && selected.length && $.data(selected[0], "ac_data");        }, 

热点排行