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

Question

除了在 XTemplate 中构建 onclick=.... 之外，我如何向其中的每个链接标记添加点击事件？

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

简短的回答是，您不需要。相反，您应该使用事件委托(delegate):

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

这有两个主要优点:

1. 你只需要绑定(bind)一个监听器
2. 它将在您动态修改内容时起作用