欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

easyui-combobox-多选优化(只能是下拉框的值)

程序员文章站 2022-05-19 08:19:36
...

combobox支持筛选需要设置editable:true,当下拉框根据用户输入的关键字匹配不到选项时,此时点击提交会把客户输入的内容提交,这样就会造成保存的数据混乱。

我的处理方法是在下拉框隐藏时,检查输入的内容是否存在与下拉列表中,

绑定事件发生时的处理函数:

<input name="nature" class="easyui-combobox" data-options="onHidePanel:checkValue_onHidePanel,url...">

函数内容:

function checkValue_onHidePanel () {
	var _options = $(this).combobox('options');  
    var _data = $(this).combobox('getData');
    var _values = $(this).combobox('getValues');
	var values = [];
    for (var i = 0; i < _data.length; i++) {  
    	if(_values.indexOf(_data[i][_options.valueField]) != -1){
    		values.push(_data[i][_options.valueField]);
    	}
	}
	$(this).combobox('setValues', values);  
}

 

 

相关标签: easyui