Ext.Component事件

组件类提供了许多生命周期事件。当组件创建时，这些激活，渲染，销毁等等事件被激活。所有这些事件都可以通过使用监听器属性或使用on方法来进行处理。大多数这些生命周期事件实际上都是在ext.abstractcomponent类中定义的。下表描述了一些事件。

 Ext.onReady(function() {
     var panel = Ext.create("Ext.panel.Panel", {
         renderTo: Ext.getBody(),
         items: [
             Ext.create("Ext.Component", {
                 html: "Raw Component",
                 itemId: "comp",
                 listeners: {
                     activate: function() {
                         console.log("acticate");
                     },
                     added: function () {
                         console.log("added");
                     },
                     afterrender: function () {
                         console.log("afterrender");
                     },
                     beforeactivate: function () {
                         console.log("beforeactivate");
                     },
                     beforedeactivate: function () {
                         console.log("beforedeactivate");
                     },
                     beforerender: function () {
                         console.log("beforerender");
                     },
                     beforeshow: function () {
                         console.log("beforeshow");
                     },
                     beforedestroy: function () {
                         console.log("beforedestroy");
                     },
                     destroy: function () {
                         console.log("destroy");
                     },
                     render: function () {
                         console.log("render");
                     },
                     show: function () {
                         console.log("show");
                     },
                     beforehide: function () {
                         console.log("beforehide");
                     },
                     hide: function () {
                         console.log("hide");
                     },
                     enable: function () {
                         console.log("enable");
                     },
                     disable: function () {
                         console.log("disable");
                     },
                     removed: function () {
                         console.log("removed");
                     }
                 }
             })
         ]
     });

     console.log("******Calling disable");
     panel.getComponent("comp").disable();
     console.log("******Calling enable");
     panel.getComponent("comp").enable();
     console.log("******Calling hide");
     panel.getComponent("comp").hide();
     console.log("******Calling show");
     panel.getComponent("comp").show();
     console.log("******Calling destroy");
     panel.getComponent("comp").destroy();
 });

在上面代码中我们使用侦听器块注册了事件。在呈现组件之后，我们调用诸如启用、禁用、显示、隐藏或销毁这些方法来理解事件处理序列。这是这段代码的输出。