dojo - 模板中的单击事件不起作用

Question

在基于模板的小部件中，我在模板中有一个表格。表格的主体将被构建 在我的小部件中使用 domConstruct。问题是“a”元素的点击事件 不起作用。当我单击它并且日志记录未显示任何错误或消息时，实际上什么也没有发生。（我的模板中的其他单击事件工作正常）问题仅在于以编程方式使用 domConstruct 生成的此事件。 （有可能我应该解析“a”元素？如果它是正确的，我不知道该怎么做。）

for (var i = 0; i < result.features.length; i++) {  
  domConstruct.place(lang.replace('<tr><td><a class="zoomto" data-dojo-attach-   event="ondijitclick:zoomto">{t0}</a></td><td>{t1}</td><td>{t2}</td><td>{t3}</td></tr>',{
  t0:i + 1,
  t1:result.features[i].attributes.rent,
  t2:result.features[i].attributes.OBJECTID,
  t3:result.features[i].attributes.ACCT
}), this.rowNode);

}


…..

zoomto: function () {       
  console.log("zoomto is clicked ");
},

Answer 1

您需要解析<a> 元素或使用dojo/on 附加事件。

for (var i = 0; i < result.features.length; i++) {  
  var element= domConstruct.toDom(lang.replace('<tr><td><a class="zoomto" data-dojo-attach-event="ondijitclick:zoomto">{t0}</a></td><td>{t1}</td><td>{t2}</td><td>{t3}</td></tr>',{
  t0:i + 1,
  t1:result.features[i].attributes.rent,
  t2:result.features[i].attributes.OBJECTID,
  t3:result.features[i].attributes.ACCT
}));
domConstruct.place(element, this.rowNode);

}
dojo.parser.parse(this.rowNode);

或

for (var i = 0; i < result.features.length; i++) {  

  var element= domConstruct.toDom(lang.replace('<tr><td><a class="zoomto" >{t0}</a></td><td>{t1}</td><td>{t2}</td><td>{t3}</td></tr>',{
  t0:i + 1,
  t1:result.features[i].attributes.rent,
  t2:result.features[i].attributes.OBJECTID,
  t3:result.features[i].attributes.ACCT
}));
dojo.on(element, 'ondijitclick', this.zoomto);
domConstruct.place(element, this.rowNode);

}