Ext.Component 源码阅读笔记

component 继承 Observable ，添加了自定义事件的功能。

提供了一个框架用来供其他具体组建继承，使得其他组件可以参与到规定的组件生命流程
（ 创建:initComponent , rendering:onRender , destruction:onDestroy ）

方法之一 是通过利用template模式提供了一批可以被覆盖的钩子 函数
如:onXyy 系列函数。

更灵活 的就是通过监控相应的事件，进行相应的处理。


plugin : 通过调用自定义plugin的 init 方法，并把自身传递作为参数，使得插件可以先做一些处理。

状态 通过将一些配置，自身状态存在cookie中，当启动时从state管理中读取存贮的响应 状态配置，apply到自身。

applyToMarkup ： 将参数内容清空，参数父亲节点作为容器，调用 render

render ： 将参数作为容器渲染

hideMode配置： 三种选项 visibility offsets display ，其中offset是将元素绝对定位到屏幕以外，仍可以通过javascript获得该元素的高宽，很不错地方法。

addClass removeClass : this.cls 作为缓冲，防止render前调用 ，render里面会 delete this.cls;

focus: 注意 selectText 参数，如果需要选中文字如 text input 则 调用 select()，当时要判断是否渲染过

getXTypes isXType : 可以获得继承层级结构的信息，比instanceof 好的。


xtype 通过 ComponentMgr 管理：

实际上是管理 MixedCollection ，里面元素都是component（及其子类） 的实例

registerType： 是将 xtype 字符串信息 链接到 构造函数里面去 fn.xtype=xtype; 然后用字典将xtype和对应函数关联起来，则可以用return new types[config.xtype || defaultType](config);

调用 new fn(config); fn 为对应 xtype 对应的构造函数。