如何将点击事件附加到ExtJS模板元素？

Question

我该如何在每个链接标记中添加一个点击事件，而不是通过将onclick=....构建到XTemplate中？

new Ext.XTemplate(
    '<ul>', 
    '<tpl for="."><li><a href="#{anchor}">{text}</a></li></tpl>', 
    '</ul>' 
).overwrite('someElement', [ 
    { text: 'Click me', anchor: '1' }, 
    { text: 'No, click me', anchor: '2'} 
]); 

Answer 1

简短的回答是，你没有。相反，你应该使用事件委派：

Ext.get('someElement').on('click', function(event, target) { 
    console.log(target); 
}, null, {delegate: 'a'}); 

这有两个主要优点：

1. 你只需要一个听众
2. 这将作为你动态修改内容绑定