Javascript 在Sencha touch中更新html后单击新元素上的事件

Javascript 在Sencha touch中更新html后单击新元素上的事件,javascript,sencha-touch,extjs,Javascript,Sencha Touch,Extjs,我通过模板在Ext.Panel内创建新元素 我想向pmore元素添加一个click事件 如果我说: Ext.select('#more').on('click', function() { // my code }); 内部处理程序:外部面板的功能,它可以工作 但后来我更新了面板内的html,事件不再工作 是否有新创建的DOM元素的侦听器,我可以将单击事件放在其中?替换HTML时,附加到子节点的所有事件都与它们保持链接,但这些节点在DOM中不再存在 事件也不会神奇地转换为新节点 如果替换HT

我通过模板在Ext.Panel内创建新元素

我想向pmore元素添加一个click事件

如果我说:

Ext.select('#more').on('click', function() {
 // my code
});
内部处理程序:外部面板的功能,它可以工作

但后来我更新了面板内的html,事件不再工作


是否有新创建的DOM元素的侦听器,我可以将单击事件放在其中?

替换HTML时,附加到子节点的所有事件都与它们保持链接,但这些节点在DOM中不再存在

事件也不会神奇地转换为新节点

如果替换HTML,则需要将事件附加到将保留的父节点。 这称为事件委派

您需要使用target或srcElementIE获取触发事件的元素,例如:

Ext.select('#parent-of-more').on('click', function(ev) { 
  var elm = ev.target || ev.srcElement;
  //elm is the element that was clicked
});