• 下载的ext文件夹中有如下文件:  

adapter:负责将里面提供第三方底层库(包括 Ext 自带的底层库)映射为 Ext 所支持
的底层库。
build: 压缩后的 ext 全部源码(里面分类存放)。
docs: API 帮助文档。
exmaples:提供使用 ExtJs 技术做出的小实例。
resources:Ext UI 资源文件目录,如 CSS、图片文件都存放在这里面。
source: 无压缩 Ext 全部的源码(里面分类存放) 遵从 Lesser GNU (LGPL) 开源的
协议。

Ext-all.js:压缩后的 Ext 全部源码。
ext-all-debug.js:无压缩的 Ext 全部的源码(用于调试)。
ext-core.js:压缩后的 Ext 的核心组件,包括 sources/core 下的所有类。
ext-core-debug.js:无压缩 Ext 的核心组件,包括 sources/core 下的所有类


 

Ext.onReady:这个方法是Ext的准备函数,也就是Ext相关的代码都会在这个函数里书写,它比较类似于window的onload方法,但是注意其执行时机是在页面的DOM对象加载完毕之后立即执行。 Ext.window.MessageBox:这个类提供了ExtJS的弹出提示框、确认框等简单的小组件。我们首先根据它写出我们的Helloworld.

  • Ext.MessageBox是一个工具类,提供了各种风格的信息提示对话框,也可以简写为Ext.Msg,这在Ext中很常见,很多组件或类都可以使用简写形式。

alert方法 confirm方法 prompt方法 wait方法 show方法

 

 


 

我们在之前的学习,已经对ExtJS有了一个初步的认识,那么如果要学好ExtJS,对于javascript是必须的,也就是说,对于理解ExtJS底层基础架构的理解也是必须的。那么我们现在就开始学习ExtJS的基础架构。 如何创建一个Ext的类、创建类的复杂流程 Ext.js和Ext-more.js深入解析 Ext对原生javascript类的扩展 动态加载机制 Ext操作Dom Ext开始响应事件

定义类的方法:define 对于Ext4.X版本来说,采用了新定义类的define方法,而不是延续旧版本的extend方法,那么对于定义一个新的类。我们来了解下define的使用。 Ext.define(classname,properties,callback); classname:要定义的新类的类名 properties:新类的配置对象 callback:回调函数,当类创建完后执行该函数 对于Ext定义一个新的类,那么我们可以想象到,既然是利用Ext.define去创建类,那么创建的类一定是Ext所特有的类,不同于传统的javascript创建一个类,也就是说我们要对于define方法的第二个参数properties配置项进行配置,需要找到Ext对于类支持的API并进行配置.

configs:

extend:用于继承

alias:类的别名

alternateClassName:备用名,与alias差不多

requires:需要使用到的类名数组,在动态加载时会根据该属性去下载类,注意需要的类是在当前类之前被加载

uses:与requires类似 但是被引用的类可以在该类之后才加载

constructor:构造器属性,一般用来初始化类的配置和调用其父类的方法

mixins:混入属性,多继承

config:定义类的配置项,会把config里的每个属性加上get和set方法

statics:定义静态方法,属性不能被子类继承

inheritableStatics:与statics类似,但是其属性可被子类继承

singleton:设置该类为单件模式