jquery中tree节点取消选择

对于tree，选择很容易，取消却成了麻烦。

tree提供了select(id)方法选中一个节点。如果是checkbox有check(target)方法和uncheck(target)方法选中复选框或取消复选框。但并没有unSelect方法取消已选中的节点。

现有一业务需求，点tree节点的时候选中树节点，点击空白处的时候取消节点选中。如下：

为包裹树的div绑定一个onclick事件，事件函数如下：

//点击空白处时清除业务域的选中
function clearChoose(){var node = $CommonUI.getTree('#middletableTree').tree('getSelected');if(node){$('#middletableTree').find('.tree-node-selected').removeClass('tree-node-selected');}
}

注意：树存在onclick(node)事件与这里绑定的onclick冲突，点击树节点的时候会执行他本身的事件而不是父div绑定的div，即是点击空白处会执行上诉函数，点击树节点的时候并不会执行上诉函数。
树节点的选择是通过样式判定的，去除他的判定即可取消选中。

jquery中tree节点取消选择相关推荐

Jquery中替换节点的方法replaceWith（）和replaceAll（）
本文转自:http://www.cnblogs.com/shuang121/archive/2011/12/27/2303748.html 在jquery中,我们可以通过replaceWith()和r ...
快速掌握 jQuery 操作 HTML 节点
古之立大事者,不惟有超世之才,亦必有坚忍不拔之志--苏轼写在前面 jQuery 中提供了许多对方面可以帮助我们对节点进行操作,这些操作比原生 DOM 中对节点的操作要简单的多,方便了我们的使用. j ...
【 jQuery 】利用 jQuery 选择器实现表格的全选，取消选择，单击更改选中状态，反选等功能，为表格添加光棒效果
利用 jQuery 选择器实现表格的全选,取消选择,单击更改选中状态,反选等功能.如图所示.点击全选按钮,选中所有行,点击取消按钮,所有行为未选中状态,单击反选按钮,则选中的行变成未选中的: 未选 ...
tree父节点不被选中和勾选(所以父节点)只选择子节点
tree父节点不被选中和勾选(所以父节点)只选择子节点 t = $.fn.zTree.init(t, setting, result); var zTree = $.fn.zTree.getZTree ...
[Flex] 组件Tree系列 —— 阻止用户点击选中Tree中分支节点
mxml: 1 <?xml version="1.0" encoding="utf-8"?> 2 <!--功能描述:阻止用户点击选中Tree中 ...
jQuery在同级节点中查找
jQuery 遍历参考这里:https://www.w3school.com.cn/jquery/jquery_ref_traversing.asp jQuery在同级节点中查找在 p 元素的同级 ...
jquery中remove()方法移除被选元素，包括所有的文本和子节点
jquery中remove方法移除被选元素,包括所有的文本和子节点定义和用法移除所有的元素移除html中指定id的元素内容定义和用法 remove() 方法移除被选元素,包括所有的文本和子节 ...
java radio 不可选_在Java Swing中取消选择RadioButtons
当显示一组JRadioButton时,最初没有选择任何一个(除非您以编程方式强制执行).我想要能够将按钮恢复到该状态,即使在用户已经选择了一个之后,即,不应该选择任何按钮. 然而,使用通常的嫌疑不会提 ...
java swing取消按钮_在Java Swing中取消选择单选按钮
当显示一组JRadioButtons时,最初没有选择它们(除非您以编程方式强制执行).即使用户已选择按钮,我也希望能够将按钮重新置于该状态,即不应选择任何按钮. 但是,使用通常的嫌疑人无法提供所需的效 ...

jquery中tree节点取消选择

jquery中tree节点取消选择相关推荐

最新文章

热门文章