博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
处理jqueryeasy ui combobox中文模糊搜索及数据多处理
阅读量:6657 次
发布时间:2019-06-25

本文共 1572 字,大约阅读时间需要 5 分钟。

hot3.png

##小计一下,备查:

combobox默认初始化,数据多时就会出现卡顿的现象(1800多条的下拉确实有点多)。搜索中文不及时,下拉面板始终有延迟。

三种解决思路:

1、网上有一种思路:就是修改easyui 原文件combobox部分(这个与版本还有关系  反正我是pass)https://blog.csdn.net/d1208/article/details/49001693 (要改的可以看这个);

2、自己重写个插件...

3、通过改变控件处理事件:加入input事件(我采用的):代码如下:

$.ajax({    		url:basePath + "gzgl/manage/json/ylbcbmc",    		type:"post",    		success:function(d){    			$(".search input[name='cbmcList']").data("list",d);    			var dd = [];    			for(var i in d){    				if(i <= 30){    					dd.push(d[i]);    				}    			}    	    	$(".search input[name='cbmc']").combobox({    	    		valueField:"id",    	    		width:"200px",    	    		data:dd,    	    		onBeforeLoad:function(){    	    			var $this = $(this);    	    			$this.parent().children().find(".textbox-text").bind("input",function(){    	    				var v = $(this).val();    	    				$this.parent().children().find(".textbox-value").val(v);    	    				var lists = $(".search input[name='cbmcList']").data("list");        	    			var m = 0;        	    			var dd = [];        	    			for(var i in lists){        	    				var re = new RegExp(v);        	    				if(re.test(lists[i].id) && m <= 30){        	    					dd.push(lists[i]);        	    					m++;        	    				}        	    			}        	    			$this.combobox("loadData",dd);        	    			var tb = $this.combobox("panel");        	    			tb.find("div").addClass("show");    	    			});    	    		}    	    		//url: basePath + "gzgl/manage/json/ylbcbmc"    	    	});    		}    	});

 

最后处理目标:下拉条数减少,只支持30条;支持中文实时匹配了。

转载于:https://my.oschina.net/u/1187799/blog/1834151

你可能感兴趣的文章
Android24以上拍照代码
查看>>
密码学
查看>>
多视角文档模型
查看>>
linux之 multipath 多路径
查看>>
【8-30】oracle数据库学习
查看>>
shell 下的文本浏览器
查看>>
[bzoj 3626][LNOI2014]LCA
查看>>
feign实现服务间的负载均衡
查看>>
将WCF部署到IIS 上需要注意的事情
查看>>
YUM安装报错
查看>>
python全栈开发从入门到放弃之socket并发编程多线程GIL
查看>>
前k大金币(动态规划,递推)
查看>>
php实现伪静态的方法
查看>>
MySql 存储引擎
查看>>
mongoDB 创建数据库、删除数据库
查看>>
彩色图像与二值图像(mask)点乘
查看>>
mvn打包spring工程成jar时报Unable to locate Spring NamespaceHandler for XML schema namespace错误解决办法...
查看>>
idea控制台输出乱码
查看>>
数据库的简单学习
查看>>
JavaScript简介及基础知识(1)
查看>>