Ext.Component事件

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

 1 Ext.onReady(function() {
 2     var panel = Ext.create("Ext.panel.Panel", {
 3         renderTo: Ext.getBody(),
 4         items: [
 5             Ext.create("Ext.Component", {
 6                 html: "Raw Component",
 7                 itemId: "comp",
 8                 listeners: {
 9                     activate: function() {
10                         console.log("acticate");
11                     },
12                     added: function () {
13                         console.log("added");
14                     },
15                     afterrender: function () {
16                         console.log("afterrender");
17                     },
18                     beforeactivate: function () {
19                         console.log("beforeactivate");
20                     },
21                     beforedeactivate: function () {
22                         console.log("beforedeactivate");
23                     },
24                     beforerender: function () {
25                         console.log("beforerender");
26                     },
27                     beforeshow: function () {
28                         console.log("beforeshow");
29                     },
30                     beforedestroy: function () {
31                         console.log("beforedestroy");
32                     },
33                     destroy: function () {
34                         console.log("destroy");
35                     },
36                     render: function () {
37                         console.log("render");
38                     },
39                     show: function () {
40                         console.log("show");
41                     },
42                     beforehide: function () {
43                         console.log("beforehide");
44                     },
45                     hide: function () {
46                         console.log("hide");
47                     },
48                     enable: function () {
49                         console.log("enable");
50                     },
51                     disable: function () {
52                         console.log("disable");
53                     },
54                     removed: function () {
55                         console.log("removed");
56                     }
57                 }
58             })
59         ]
60     });
61     
62     console.log("******Calling disable");
63     panel.getComponent("comp").disable();
64     console.log("******Calling enable");
65     panel.getComponent("comp").enable();
66     console.log("******Calling hide");
67     panel.getComponent("comp").hide();
68     console.log("******Calling show");
69     panel.getComponent("comp").show();
70     console.log("******Calling destroy");
71     panel.getComponent("comp").destroy();
72 });

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

 

posted @ 2017-07-25 10:47  秋裤队长  阅读(1313)  评论(0)  编辑  收藏  举报