ExtJS 4.2自定義組件點擊一個tpl鏈接時觸發事件

Question

我有一個自定義組件鏈接到一個html tpl，我需要當我點擊這個鏈接組件激發一個事件，我在控制器中偵聽。

代碼：

分機

Ext.define("Ext.ux.newpanel.NewPanel", { 
    extend: 'Ext.Component', 
    ... 
tpl: [ 
    '<div class="title center"><p>{title}</p></div>', 
    '<div class="content center">', 
    '<div class="number center"><h1>{qtd}</h1></div>', 
     '<div class="ind left">', 
     '{ind}', 
     '</div>', 
    '</div>', 
    '<div class="more">', 
    '<a href="#" class="clickme">See all...</a>', 
    '</div>' 
    ], 
... 

我tryed來創建代表團監聽器，但我不能讓組件範圍爲聽衆。 代碼：

.. 
listeners: { 
    // Add the listener to the component's main el 
    el: { 
     delegate: '.clickme', 


     click: function(ev, li) { 
     // need to fire event in component here 
     } 
    } 
    }, 
... 

事件需要在「clickme」類中觸發。

謝謝！

Answer 1

解決辦法：

cmp.el.on('click', function(event, target) { 
cmp.fireEvent('openRel', cmp); 
}, null, {delegate: 'a'}); 

這是這個答案的小修改： How do you attach click events to ExtJS template elements?

需要獲得組件的DOM然後委託點擊事件標籤。