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

前端之家收集整理的这篇文章主要介绍了dojo小例子(24)模拟鼠标选中Tree节点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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包含前三个

猜你在找的Dojo相关文章