단추를 누를 때 Extjs 경고가 작동하지 않음 (단추 범위 문제)

Question

응용 프로그램을 작성 중이고 객체 지향으로 유지하려고합니다. 문제는 단추를 클릭 할 때 경고 상자가 나타나지 않는다는 것입니다. 단추의 범위에 문제가 있다고 생각합니다. 그것은 또한 내 애플 리케이션을 구축하는 방식과 관련 될 수 있습니다. Sencha가 제공 한 예제를 기반으로합니다. 나는 수색을하고 많은 일을 시도했지만 해결책을 찾지 못했습니다.

Ext.require([ 
    'Ext.grid.*', 
    'Ext.panel.*', 
    'Ext.msg.*'  
]); 
Ext.Loader.onReady(function() { 
Ext.define('App.SimplePanel', { 
     extend: 'Ext.Panel', 
     alias: 'widget.SimplePanel',  
     width: 100, 
     height: 50, 

     initComponent: function() {  
     this.buttons = [{ 
      text: 'Trigger Alert', 
      scope: this, 
      hander: function(){     
       Ext.Msg.alert('Title', 'TestAlert'); 
      } 
     }];   
     this.callParent(); 
     } 
    }); 
}, false); 
Ext.onReady(function() { 
    // create an instance of the app 
    var simplePanel = new App.SimplePanel({ 
     renderTo: document.body,   
    }); 
}); 

Answer 1

이 handler하지

this.buttons = [{ 
    text: 'Trigger Alert', 
    scope: this, 
    handler: function(){     
    Ext.Msg.alert('Title', 'TestAlert'); 
    } 
}];