项目用的easyui版本是1.3.3,比较旧(最新是1.6.7)。提出需求让增加清空功能。
如果是新的版本只需增加
<script>
$.fn.combobox.defaults.icons=[{
iconCls:'icon-clear',
handler:function(e){
$(e.handleObj.data.target).combobox('clear');
}
}];
</script>
<select id="box" class="easyui-combobox" name="box"
style="width:200px;">
<option value="aaaa">aaaa</option>
<option value="bbbb">bbbb</option>
<option value="cccc">cccc</option>
<option value="dddd">dddd</option>
<option value="eeee">eeee</option>
</select>
因为版本比较旧,采用json数据中增加清空选项,通过onSelect方法,使用clear方法来实现;而新旧版本在clear方法有差异,新版本对当前combotree(使用input)执行clear后,input还会存在,只是值变为空了;凡是旧版本执行相同操作,input会被删掉,这样在修改场景下,值不会被提交(因为没有),结果是修改不成功。(要想成功,是在clear方法执行之后,再生成同样的input控件,此时值为空)。
代码: