ExtJs:xtype

的含义

根据我在

EXT

论坛上的观察，

xtype

用起来的时候疑惑会比较多。

甚至有些人根本忽略

xtype

，

或者不清楚它是什么。所以我决定阐述一下这个

xtype

的概念。

定义

xtype

就是一个代表类（

Class

）的标识名字。

譬如，你有这个类，名字是

Ext.ux.MyGrid

。正常情况下你需要用这个名字来实例化这个类

（创建类的对象）。

除了类名外，你还可以这样登记类的

xtype

：

Ext.

reg

(

'mygrid'

, Ext.

ux

.

MyGrid

)

; 

其中

xtype

是

mygrid

而类名的一般形式是

Ext.ux.MyGrid

。上面的语句

登记了

新的

xtype

，换种说法说，

xtype 

mygrid

与类

Ext.ux.MyGrid

是连在一起的。

到底有什么好处？

试想一下，你手头上的是一个大型的项目，为了响应用户的操作，程序里面包含者大量的对象

（

windows

、

forms

、

grids

）

。

用户点击图标或按钮，就会新建一个窗体，

窗体里面又有

grid

，

最终在屏幕上渲染出来。

嗯，

我们回到

Ext2.x

之前的编码，

那时候我们实例化所有对象是页面第一次加载后就进行的

（程

序代码第一次的运行）。在客户端内存中，

Ext.ux.MyGrid

类的对象已经存在，等待用户的

点击。同样是这个

grid

，假设你上百个的实例，

...

是多么浪费宝贵的资源啊！很多

grid

其实用

户未必会点击让它出现。

延时实例化

如果你使用

xtype

，那么在代码中的仅仅是一个用于配置的对象，像：

{

xtype:

'mygrid", border:false, width:600, height:400, ...}

消耗没有实例对象来得大。