ExtJS의 하이퍼 링크에 수신기 추가

Question

단순히 응용 프로그램에 하이퍼 링크를 추가하려고합니다. 다음 코드를 시도하고 링크가 페이지에 나타납니다. 그러나 클릭 이벤트가 작동하지 않습니다. 아무도 이유가 무엇인지 말해 줄 수 있습니까?

xtype:'box', 
isFormField: true, 
id: "prospectStageLink", 
style: "padding: 3px", 
autoEl:{ 
    //html: '&nbsp;<a href>Link To Prospect</a>' 
    tag: 'a', 
    href: '#', 
    cn: 'Link To Prospect' 
}, 
listeners: { 
    render: function(c){ 
     c.on('click', function(e){ 
      alert('clicked', 'hiii'); 
     }, c, { stopEvent: true }); 
    } 
} 

Answer 1

이 시도 :

listeners: { 
    render: function(component) { 
     component.getEl().on('click', function(e) { 
      alert('test'); 
     });  
    } 
} 

Answer 2

BoxComponent가 제거되었으므로 ExtJS 4에서 실행 중이 아닌 것으로 가정합니다.

어쨌든 간단한 설명은 BoxComponent에 click 이벤트가없는 것일 수 있습니다. 대신 click 이벤트를 지원하는 Element을 사용해 볼 수도 있습니다.

Answer 3

xtype:'box', 
isFormField: true, 
id: "prospectStageLink", 
style: "padding: 3px", 
autoEl:{ 
    //html: '&nbsp;<a href>Link To Prospect</a>' 
    tag: 'a', 
    href: '', 
    onClick: 'nameYouFunction' 
}