如何将click事件添加到Xtemplate extjs 4.2的内部元素？

我想将click事件添加到Xtemplate的内部元素，下面是我的代码。 提前谢谢

var ruleTemplate = new Ext.XTemplate(
        '<tpl for=".">',
            '<div class="rule-item" id={key}>',
                '{key}',
                '<tpl if="value == \'true\'">',
                '<i class="add">&nbsp;</i>',
                '<tpl else>',
                '<i class="group">&nbsp;</i>',
                '</tpl>',
            '</div>',
        '</tpl>'
);


var ruleView =  Ext.create('Ext.view.View', {
    store: rulesStore,
    tpl:ruleTemplate,
    region: "center",
    itemSelector: 'div.rule-item',
    border: true,
    listeners: {
        itemclick: function(view, record, item, index, e, eOpts) {

        }
    }
});

var ruleTemplate=new Ext.XTemplate(
'',
'',
“{key}”，
'',
' ',
'',
' ',
'',
'',
''
);
var ruleView=Ext.create（'Ext.view.view'{
商店：rulesStore，
第三方物流：规则模板，
地区：“中心”，
itemSelector:'div.rule-item'，
边界：是的，
听众：{
项目点击：功能（查看、记录、项目、索引、e、eOpts）{
}
}
});

我尝试了hasCls和其他一些方法，在单击

add

和

group

类时调用两个不同的函数，但没有成功

---

请帮助。

您的方法应该可以正常工作：

itemclick: function(view, record, item, index, e, eOpts) {
    clickedEl = Ext.get(e.target);

    console.log(clickedEl.hasCls('add'));
}

例如：