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')  

これは機能しています。