在ExtJS中为超链接添加侦听器

Adding a listener to hyperlink in ExtJS

本文关键字:添加 侦听器 超链接 ExtJS      更新时间:2023-09-26

我只是想在我的应用程序中添加一个超链接。我尝试了下面的代码和链接出现在页面中。但是on click事件不起作用。谁能告诉我原因是什么?

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 });
    }
}

try this:

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

我假设你不是在ExtJS 4上运行,因为BoxComponent从它被删除了。

无论如何,简单的解释可能是BoxComponent没有click事件。您可能想尝试使用Element来代替,它确实支持click事件。

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