1、ExtJs概述与框架基础,0.案例:,http:/ Ext是一个用javascript编写,与后台技术无关的前端ajax框架。因此,可以把Ext用在.Net、Java、Php等各种开发语言开发的应用中。 Ext最新版本是ext4.0,Ext框架简介,2)Ext提供一系列的对象类,这些基本上都是用于处理WEB页面控件的。,Ext开发包的发布包括三个方面的内容:API参考手册、示例程序及开发包。,2.Ext开发包,1)EXT API参考手册,示例程序,Ext示例程序包共包括十二大类近100示例程序 。,2)开发包中的示例程序,3).开发包整体结构一览,adapter :负责将里面提供第三方底层库(
2、包括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下的
3、所有类。 ext-core-debug.js :无压缩Ext的核心组件,包括sources/core下的所有类。,Ext框架开发包简介,3.怎样搭建EXT运行环境及开发环境,开发环境把Ext的开发包直接复制到WEB工程的目录下,helloWord示例程序,新建HTML文件并在页面中引入ExtJS的样式及ExtJS库文件 (1)样式文件为resources/css/ext-all.css (2)库文件主要包含两个adapter/ext/ext-base.js及ext-all.js (附:其中ext-base.js是框架基础库,ext-all.js是extjs的核心库),helloWord示例程序,helloWord在HTML直接嵌入代码实现,Ext.onReady(function()Ext.Msg.alert(helloWord,Hello Word!);); ,注意:将开发包中的adapter resource文件夹及ext-all.css文件拷贝到项目中,helloWord示例程序,