您的位置:首页 > Web前端 > JQuery

Jquery easyui combotree清除选中扩展

2015-08-26 17:06 615 查看
最近在做一个项目时需要用到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控件值后不能清除的问题.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息