dojo小例子（24）模拟鼠标选中Tree节点

发布时间：2020-12-16 21:26:34 所属栏目：百科来源：网络整理

导读：dojo1.9版本下，以下方法是可行的： tree._setSelectedNodeAttr(treeNode); // tree是Tree的实例；treeNode是TreeNode类型// 触发click事件var evt = document.createEvent("MouseEvents");evt.initMouseEvent("click",true,window,false,null);treeNode.dom

dojo1.9版本下，以下方法是可行的：

tree._setSelectedNodeAttr(treeNode); // tree是Tree的实例；treeNode是TreeNode类型
// 触发click事件
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click",true,window,false,null);
treeNode.domNode.dispatchEvent(evt);

但到1.10版本，行不通了，大概treeNode.domNode里又加了些内容，导致无法直接模拟click了。

但可以通过取treeNode的其它dom对象，间接实现这一功能

除了treeNode.domNode不行，以下任意使用
treeNode.iconNode
treeNode.labelNode
treeNode.rowNode
treeNode.contentNode

例如，这样写就可以了

var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click",null);
treeNode.labelNode.dispatchEvent(evt);

还有更简洁的方式，那就是用dom的click()方法，写法如下，任选其一：

treeNode.iconNode.click()
treeNode.labelNode.click()
treeNode.rowNode.click()
treeNode.contentNode.click()

在html层级结构中，其中iconNode、labelNode是平级；contentNode包含前两个；rowNode包含前三个

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!