日期:2014-05-16  浏览次数:20343 次

XTJS4新特性之全新的类系统及动态加载

EXTJS4新特性之全新的类系统及动态加载

?(2011-10-08 10:55:58)
? 分类:?EXTJS4

在这片文章中,我们主要看一下EXTJS4中对类的一些方面的改进,比如说类的定义等等。以及在这些改进中,比起之前版本的一些使用上的好处。或者说改进了之前的一些缺陷。首先我们来认识一下,EXTJS4中在类的使用上做了什么改进。

?

(一)全新的类系统

?

1、EXTJS4中所有的类都可以使用字符串引用。例如我们来看一下,EXTJS3.X中和EXTJS4中定义的区别。

?

//Extjs3.x中定义类的方法

?

myApp.myClass=Ext.extend(Ext.Window,{

?

???initComponent:function(){

?

???????//code;

???????myApp.myClass.superclass.initComponent.apply(this,arguments);

???}

?

});

?

在上述的代码中,我们可以看到,这是我们在使用Extjs3.x中最常用的定义类的方法。在正常使用的情况下,这样的定义方式,是没有什么问题的。但是,在特殊的情况下,这样的定义方式,还存在一定的缺陷。比如说,我们myApp的包名没有定义。这个时候,我们在使用时就会出现错误,比如说,我们的Ext.Window类还没有导入到系统中,这样也会出现错误,这样就会导致我们的类创建不成功。当时,在我们Extjs4中,全新的定义类的方式,都可以避免上边的一些错误,下边我们来看一下EXTJS4中的类的定义方式:

?

//EXTJS4中定义类的方式

?

Ext.define("myApp.myClass",{

?

???extend:"Ext.Window",

?

???initComponent:function(){

?