ExtJS框架入门

一、             概述：ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。ExtJS可以用来开发RIA也即富客户端的AJAX应用，一般使用ExtJS来实现项目后台的管理

二、             ExtJS类库简介：

adapter：负责将里面提供第三方底层库（包括Ext 自带的底层库）映射为Ext 所支持的底层库。

build： 压缩后的ext 全部源码(里面分类存放)。

docs： API 帮助文档。

exmaples：提供使用ExtJs 技术做出的小实例。

resources：Ext UI 资源文件目录，如CSS、图片文件都存放在这里面。

source： 无压缩Ext 全部的源码(里面分类存放) 遵从LesserGNU （LGPL）开源的协议

Ext-all.js：压缩后的Ext 全部源码。

ext-all-debug.js：无压缩的Ext 全部的源码(用于调试)。

ext-core.js：压缩后的Ext 的核心组件，包括sources/core下的所有类。

ext-core-debug.js：无压缩Ext 的核心组件，包括sources/core下的所有类。

    三、应该先导入两个js文件与一个css样式表。一定注意顺序和路径。标准格式为：

       

       

四、ExtJS中的Ext对象

a)      它相当于js中的window对象。用于全局中的对象，可以有它访问到内在很多属性等，主要用Ext加点加后面的指定的组件名访问。

b)  Ext2.0 对框架进行了非常大的重构，其中最重要的就是形成了一个结构及层次分明的组件体系，由这些组件形成了Ext 的控件，Ext 组件是由Component类定义，每一种组件都有一个指定的xtype 属性值，通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。例如：Ext.Button按钮  Ext.BoxComponent具有边框属性的组件

c)它内在有一个Ext.onReady();表示加载完空间时候调用括号里的内容，与js中的onload相似的功能。

    五、入门第一个实例小程序

        嵌入script标签后：

        <!--  //这是书写的习惯，常会把对应在后面的注释掉

          Ext.onReady(function(){    //当控件加载的时候，调用一个匿名函数

           Ext.MessageBox.alert("hello easy is extjs");

            });

         //-->