ext概述与框架基础

《ext概述与框架基础》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、ExtJs概述与框架基础0.案例：http://docs.sencha.com/extjs/4.2.0/extjs-build/examples/charts/Pie.htmlhttp://docs.sencha.com/extjs/4.2.0/extjs-build/examples/charts/TipsChart.htmlhttp://docs.sencha.com/extjs/4.2.0/extjs-build/examples/charts/Charts.html1.Ext框架简介1）什么是ext？Ext是一个Aja

2、x框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力，提高用户体验。Ext是一个用javascript编写，与后台技术无关的前端ajax框架。因此，可以把Ext用在.Net、Java、Php等各种开发语言开发的应用中。Ext最新版本是ext4.0Ext框架简介2）Ext提供一系列的对象类，这些基本上都是用于处理WEB页面控件的。Ext开发包的发布包括三个方面的内容：API参考手册、示例程序及开发包。2.Ext开发包1）EXTAPI参考手册示例程序Ext示例程序包共包括十二大类近100示例程序

3、。2）开发包中的示例程序3）.开发包整体结构一览adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。build：压缩后的ext全部源码(里面分类存放)。docs：API帮助文档。exmaples：提供使用ExtJs技术做出的小实例。resources：ExtUI资源文件目录，如CSS、图片文件都存放在这里面。source：无压缩Ext全部的源码(里面分类存放)遵从LesserGNU（LGPL）开源的协议。ext-all.js：压缩后的Ext全部源码。ext-all-debug.js：

4、无压缩的Ext全部的源码(用于调试)。ext-core.js：压缩后的Ext的核心组件，包括sources/core下的所有类。ext-core-debug.js：无压缩Ext的核心组件，包括sources/core下的所有类。Ext框架开发包简介3.怎样搭建EXT运行环境及开发环境开发环境把Ext的开发包直接复制到WEB工程的目录下helloWord示例程序新建HTML文件并在页面中引入ExtJS的样式及ExtJS库文件（1）样式文件为resources/css/ext-all.css（2）库文件主要包含两个adapter/

5、ext/ext-base.js及ext-all.js（附：其中ext-base.js是框架基础库，ext-all.js是extjs的核心库）helloWord示例程序helloWord在HTML直接嵌入代码实现Ext.onReady(function(){Ext.Msg.alert('helloWord','HelloWord!');});注意：将开发包中的adapterresource文件夹及ext-all.css文件拷贝到项目中helloWord示例程序