初学Ext UI组件总结及（一）-- >读Ext.Component源码学习笔记

为了可以缓解审美疲劳，写出自己的Ext UI组件，加油。

错误之处，请大家指出。

Ext.Component是所有UI组件的顶层类，它继承了Observable，以支持高级语义事件。

Ext的UI组件的生命周期，粗略可分为，初始化组件-->渲染组件-->销毁组件

Ext.Component有点“模板模式”的味道，它不能“布局”也不能“show”出来，它只是定义了所有UI组件的“生老病死”和实现了一些通用的逻辑，然而每个组件的初始化过程渲染过程都不尽相同，所以具体的实现推迟到不同的子类中实现。

源码片段一（构造函数中）

   

config构造参数的

   config = config || {};

    //传特殊参数的处理

    if(config.initialConfig){

        if(config.isAction){           // actions

            this.baseAction = config;

        }

        config = config.initialConfig;




//容错处理，如果传入的是dom或者是Ext.Element及字符串，那么就根据它生成一个     

//配置项

    }else if(config.tagName || config.dom || Ext.isString(config)){ 

        config = {applyTo: config, id: config.id || config};

    }

    

    this.initialConfig = config;

    //拷贝配置项到"