Jquery easyui combotree清除选中扩展

最近在做一个项目时需要用到Jquery easyui combotree这个控件,但是控件一旦选择了值就不能清空选择
于是想办法如何能清空选择. 有一个比较简单的解决方案如下:

在后台拼接json数据的时候,在拼接好的数据最后加一个选项,清空选中

JSONArray datas = new JSONArray();// datas还要设置控件需要的其他值
JSONObject object = new JSONObject();// 在其他值设置完成后,在最后添加一个节点
object.put("id", "0");
object.put("text", "清除选中");
datas.add(object);

然后在combotree的onSelect事件中做处理,判断选择的节点的ID是否等于清空选中节点的id(也就是node.id==0),如果相等那么就清空combotree的值

$('#parent_code').combotree({    
	url: '${ctx}/act/getTree.do',//加载数据
	//选择树节点触发事件  
	onSelect : function(node) {  
	        if(0 == node.id){
		        //清除选中
		        $('#parent_code').combotree('clear');
	        }
	}  
});

就这样就解决了选择combotree控件值后不能清除的问题.
发布了90 篇原创文章 · 获赞 21 · 访问量 47万+

猜你喜欢

转载自blog.csdn.net/yx13649017813/article/details/48006151