《extjs中文教程》ppt课件

《《extjs中文教程》ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、ExtJS开发框架简介主讲：毛冬情框架简介、环境搭建、helloWord示例EXT核心组件应用Ext框架EXT框架基础Ext框架简介怎样搭建EXT运行环境及开发环境helloWord示例程序框架简介、环境搭建及HelloWordExt框架简介什么是ext？Ext是一个Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力，提高用户体验。Ext是一个用javascript编写，与后台技术无关的前端ajax框架。因此，可以把Ext用在.Net、Java、Php等各种开发语言开发的应用

2、中。Ext最新版本是ext3.0Ext框架简介Ext提供一系列的对象类，这些基本上都是用于处理WEB页面控件的。Ext的发布包括三个方面的内容：API参考手册、示例程序及开发包。Ext框架简介EXTAPI参考手册Ext框架简介示例程序Ext示例程序包共包括十二大类近100示例程序。Ext框架简介开发包adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。build：压缩后的ext全部源码(里面分类存放)。docs：API帮助文档。exmaples：提供使用ExtJs技术做出的小

3、实例。resources：ExtUI资源文件目录，如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下的所有类。Ext框架简介怎样搭建EXT运行环

4、境及开发环境开发环境把Ext的开发包直接复制到WEB工程的目录下helloWord示例程序新建HTML文件并在页面中引入ExtJS的样式及ExtJS库文件样式文件为resources/css/ext-all.css库文件主要包含两个：adapter/ext/ext-base.js及ext-all.js其中ext-base.js是框架基础库，ext-all.js是extjs的核心库。helloWord示例程序helloWord在HTML直接嵌入代码实现Ext.onReady(function(){E

6、xt.Msg.alert('helloWord','HelloWord!');});helloWord示例程序Ext类库简介Ext框架基础及核心简介Ext组件简介Ext入门基础Ext类库简介ExtJS由一系列的类库组成，一旦页面成功加载了ExtJS库后，我们就可以在页面中调用ExtJS的类及控件来实现需要的功能。ExtJS的类库由以下几部分组成：底层API(core)控件(widgets)实用工具(Utils)Ext类库简介底层API(core)：底层API中提供了对DOM操作、查询的封装、事件处理、

7、DOM查询器等基础的功能。其它控件都是建立在这些底层api的基础上，底层api位于源代码目录的core子目录中，包括DomHelper.js、Element.js等文件。Ext类库简介控件(widgets)：控件是指可以直接在页面中创建的可视化组件，比如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等，在我们的应用程序中可以直接通过应用这些控件来实现友好、交互性强的应用程序的UI。控件位于源代码目录的widgets子目录中。Ext类库简介实用工具Utils：Ext提供了很多的实用工具，可以方便我们实现如数据内容格式

8、化、JSON数据解码或反解码、对Date、Array、发送Ajax请求、Cookie管理、CSS管理等扩展等功能Ext入门基础尺寸&大小,定位get,getDOM,getCmp的区别DOM的增删改查动画类编程事件AJAXExt入门基础要学习及应用好Ext框架，必须需要理解HtmlDOM、ExtElement及Component三者