ExtJS4.07 Component的生命周期

最新推荐文章于 2017-12-14 16:42:33 发布

GoodDao

最新推荐文章于 2017-12-14 16:42:33 发布

阅读量2.9k

点赞数

分类专栏： Web View

本文链接：https://blog.csdn.net/origin100/article/details/8128513

版权

本文详细介绍了ExtJS4.07中Component的生命周期，从调用Ext.apply()复制参数到重写destroy()方法以确保组件的正确销毁和内存释放。涉及组件初始化、事件添加、注册、插件初始化、渲染等关键步骤。

摘要由CSDN通过智能技术生成

我们创建一个Ext.Componet组件时候，会按照以下顺序对组件进行初始化。

1、调用Ext.apply()复制参数；//Ext.apply(me,config);

2、调用addEvents() 添加事件；//me.addEvents

3、调用initComponent()初始化组件；

4、调用Ext.ComponentMgr.register(me)注册当前组件；

5、调用initPlugin()初始化插件；

6、getLoader()加载；

7、调用render()对组件进行渲染。

下面是

Ext.AbstractComponent的代码片段：

constructor : function(config) {
        var me = this,
            i, len;

        config = config || {};
        me.initialConfig = config;
        Ext.apply(me, config);

        me.addEvents(
            /**
             * @event beforeactivate
             * Fires before a Component has been visually activated. Returning false from an event listener can prevent
             * the activate from occurring.
             * @param {Ext.Component} this
             */
            'beforeactivate',
            /**
             * @event activate
             * Fires after a Component has been visually activated.
             * @param {Ext.Component} this
             */
            'activate',
            /**
             * @event beforedeactivate
             * Fires before a Component has been visually deactivated. Returning false from an event listener can
             * prevent the deactivate from occurring.
             * @param {Ext.Component} this
             */
            'beforedeactivate',
            /**
             * @event deactivate