easyUI不同版本的combotree控件clear方法的区别_easyui combotree 清空-优快云博客

本文链接：https://blog.youkuaiyun.com/l_degege/article/details/83897373

项目用的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控件，此时值为空）。

代码：