兼容IE8/Chrome的autocomplete

来源：互联网发布：如何招聘php程序员编辑：程序博客网时间：2024/05/19 16:22

最近发现新的一个项目里面,在用了bootstrap/后,jquery.ui自带的autocomplete在IE8下会偶然发疯,不定时地强行切换至"兼容模式",而这种模式让UI变样.

后来在网上发现一个改自typeahead的autocomplete插件, 下载试了下感觉很棒,代码量少,无需css支持,而且完美兼容IE8,于是加了一些功能

代码分享在 https://git.oschina.net/tigera15/codes/5pk29ej1wc3rilox6za7f67

下面是调用例子:

function hookPart(pvWidget,pvOnSelect){var lvLastSelect={};pvWidget.bautocomplete({minLength:0,source:function(query,process){var lvParam=defaultInq();  //lvParam.extObj=request.term.trim();  lvParam.conditions.key={};  lvParam.conditions.key.compare=">=";  lvParam.conditions.key.vFrom=query.trim().toUpperCase();  pvWidget.val(lvParam.conditions.key.vFrom);  lvParam.sortdatafield="fe_part";            $.ajax({            url:"./EAF301/getPartList",              dataType: "json",              type:"POST",              data : JSON.stringify(lvParam),              success: function( data )               {              return process(data.result.rows);                            }            });            },    formatItem:function(item){        return "<b>{fe_part}</b>  {fe_desc1}".format(item);    },    /*setValue:function(item){        return {'data-value':item["fg_name"],'real-value':item["fg_supp"]};    },*/    updater:function(item){    if (pvOnSelect!=null){    pvOnSelect(item);    }    return (item.fe_part);    }});}

截图:

0 0