如何將點擊事件附加到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. 這將作爲你動態修改內容綁定