当前位置: 代码迷 >> JavaScript >> jquery autocomplete 的一个小bug,哪位高手能帮忙解决,十分感谢
  详细解决方案

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

热度:89   发布时间:2012-08-08 14:32:45.0
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");
        }, 
  相关解决方案