最近发现新的一个项目里面,在用了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);
		    }
		});				
}