兼容IE8/Chrome的autocomplete

   最近发现新的一个项目里面,在用了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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值