events - 不能调用“on”来绑定方法

Question

我无法使用“on” Mehotd 注册任何事件。

未捕获的类型错误：无法调用未定义的“on”方法

Ext.define('faragoo.view.Main', {

extend: 'Ext.Container',
alias: 'widget.stream',
xtype: 'stream',
id : 'stream',   
requires: [
    'Ext.TitleBar',
    'Ext.form.Panel'
],

initialize: function () {

   this.on('afterrender', function() { alert('rendered'); } );

}

}

这个简单的例子也不起作用：

Ext.Viewport.on('orientationchange', function() { console.log("orientationchange"); }, this, {buffer: 50 });

同样的错误:-(

Answer 1

本指南解释了如何正确地将事件添加到组件。

创建组件后绑定事件：

var myButton = Ext.Viewport.add({
    xtype: 'button',
    text: 'Click me'
});

myButton.on('tap', function() {
    alert("Event listener attached by .on");
});

或使用侦听器配置绑定事件：

Ext.Viewport.add({
    xtype: 'button',
    text: 'My Button',
    listeners: {
        tap: function() {
            alert("You tapped me");
        }
    }
});