Extjs xtype作用

 xtype:在ExtJS的可视化组件部署中的一种机制,即通过指定xtype的值,来告诉容器如何初始化所包含的组件,如xtype:"textfiled",表示使用 Ext.form.TextFile 来进行初始化当前组件。 

主要作用是延时实例化。

Extjs xtype 深入了解

xtype 就是ExtJS 用于创建对象的一种形式

就比如xtype:'button' 就会创建Button对象似的

但这些xtype是谁来管理的,在看了源代码和大量实践后,发现

'Ext.ComponentManager'

是管理xtype和component对象的

在这个里面我们可以很轻松的发现,extjs是会先把messagebox相应的component都加载进来,在进行你定义的xtype处理的

xtype到底有什么好处那?

生成对象的代码如下:

create: function(component, defaultType){
        if (component instanceof Ext.AbstractComponent) {
            return component;
        }
        else if (Ext.isString(component)) {
            return Ext.createByAlias('widget.' + component);
        }
        else {
            var type = component.xtype || defaultType,
                config = component;
            
            return Ext.createByAlias('widget.' + type, config);
        }
    },

1.内存节约

2.加快browser运行速度

其实可以这样说,这种方式就是延迟实例化

很明了吧

extjs的工作基本流程是

1.实例化

2.渲染

3.显示

上面xtype延迟实例化

那么可以想象,如果你用Ext.create或者new对象的形式,创建extjs component 那么

xtype的属性是在上面定义的组件显示的时候才会被创建然后渲染,显示。

这就是很多人不明白的extjs 组件创建流程



转载地址:http://sky2012.blog.51cto.com/4117063/1118338

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值