javascript - extjs 4：单击事件上的按钮不起作用

Question

{
xtype: 'button',
id : 'btnShowImage',
text : 'Show Image On List',
scale   : 'large',
width : 200,
margin : '0 0 0 180',   
}

var ShowImgBtn = Ext.get('btnShowImage');
    ShowImgBtn.on('click', function(){
    alert('hi');
    });

问题

怎么不能工作？什么问题？应该可以工作。

Answer 1

您的代码正在运行：

Ext.onReady(function() {
    Ext.create('Ext.Button', {
        renderTo: Ext.getBody(),
        id : 'btnShowImage',
        text : 'Show Image On List',
        scale   : 'large',
        width : 200,
        margin : '0 0 0 180'
    });

    var ShowImgBtn = Ext.get('btnShowImage');
    ShowImgBtn.on('click', function(){
        alert('hi');
    });
});

http://jsfiddle.net/ht4UL/

会不会是你的按钮没有渲染？

Answer 2

将代码编辑为

Ext.getCmp('btnShowImage')  

这是有效的。