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')
}