dojo小例子(24)模拟鼠标选中Tree节点

dojo1.9版本下,以下方法是可行的:

tree._setSelectedNodeAttr(treeNode); // tree是Tree的实例;treeNode是TreeNode类型
// 触发click事件
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, 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", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
treeNode.labelNode.dispatchEvent(evt);
还有更简洁的方式,那就是用dom的click()方法,写法如下,任选其一:

treeNode.iconNode.click()
treeNode.labelNode.click()
treeNode.rowNode.click()
treeNode.contentNode.click()
在html层级结构中,其中iconNode、labelNode是平级;contentNode包含前两个;rowNode包含前三个


你可能感兴趣的:(tree,鼠标,节点,dojo)