easyui的combobox模糊查询时验证输入的值是否为下拉框里的值,否-则清空及在IE8下的兼容性

SuperCookies

于 2019-07-11 15:24:02 发布

阅读量974

点赞数 2

CC 4.0 BY-SA版权

分类专栏： easyui 兼容

本文链接：https://blog.youkuaiyun.com/SuperCookies/article/details/95481709

easyui 同时被 2 个专栏收录

9 篇文章

订阅专栏

兼容

2 篇文章

订阅专栏

博客聚焦easyui的combobox模糊查询问题。当配置项limitToList为true时，IE8下会出现下拉条无法拉动、按钮点击不好使的情况。解决办法是自定义onHidePanel方法，验证输入值是否在下拉框内，若不在则清空，以解决兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

easyui的combobox模糊查询时验证输入的值是否为下拉框里的值,否-则清空及在IE8下的兼容性

问题描述：
easyui的combobox的模糊查询其中配置项limitToList:true时，IE8下会导致下拉条无法上下拉动、上下三角按钮点击不好使
解决办法：
combobox的模糊查询其中配置项limitToList:true（输入的值只能是列表框的内容）,会导致上述问题，自己重新写个个方法代替onHidePanel:onHidePanels（验证输入的值是否为下拉框里的值,否-则清空）
自定义onHidePanel方法：

var iTime;
function onHidePanels() {
	clearTimeout(iTime);
	var valueField = $('#centralDepartId').combobox("options").valueField;
    var val = $('#centralDepartId').combobox("getValue");  //当前combobox的值
    var allData = $('#centralDepartId').combobox("getData");   //获取combobox所有数据
    var result = true;      //为true说明输入的值在下拉框数据中不存在
    for (var i = 0; i < allData.length; i++) {
        if (val == allData[i][valueField]) {
            result = false;
        }
    }
	  iTime = setTimeout(function(){
	    if (result) {	
	    	$('#centralDepartId').combobox("clear");  
	    }
	},'200')   
}