当前位置 : 主页 > 网页制作 > Dojo >

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

来源:互联网 收集:自由互联 发布时间:2021-06-15
dojo1.9版本下,以下方法是可行的: tree._setSelectedNodeAttr(treeNode); // tree是Tree的实例;treeNode是TreeNode类型// 触发click事件var evt = document.createEvent("MouseEvents");evt.initMouseEvent("click", true, true,

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包含前三个
网友评论