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 对应的构造函数。

你可能感兴趣的:(JavaScript,框架,ext,配置管理)