extjs入门(适合新手)

《extjs入门(适合新手)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、EXTJs系列精品课件ExtJS框架入门培训2011.08.11EXTJs系列精品课件一、ExtJs简介二、ExtJs类库三、ExtJs基础组件四、ExtJs布局ExtJs简介什么是ext？Ext是一个Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力，提高用户体验。Ext是一个用javascript编写，与后台技术无关的前端ajax框架。因此，可以把Ext用在.Net、Java、Php等各种开发语言开发的应用中。Ext最新版本是ext4.0ExtJs简介界面示例一ExtJs简介

2、界面示例二ExtJs简介获得ExtJS要使用ExtJS，那么首先要得到ExtJS库文件，该框架是一个开源的，可以直接从官方网站下载，地址：http://extjs.org.cn/http://www.sencha.com/products/extjs/download最新版本为ExtJS4.0.2a(收费)，3.0及以前版本不收费。ExtJs简介ExtJs发布包目录:ExtJs简介adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。air：Ext对基于Air可视化编辑器的支持。b

3、uild：压缩后的ext全部源码(里面分类存放)。docs：API帮助文档。exmaples：提供使用ExtJs技术做出的小实例。package：Ext提供常用控件。resources：ExtUI资源文件目录，如CSS、图片文件都存放在这里面。source：无压缩Ext全部的源码(里面分类存放)遵从LesserGNU（LGPL）开源的协议。ExtJs简介Ext-all.js：压缩后的Ext全部源码。ext-all-debug.js：无压缩的Ext全部的源码(用于调试)。ext-core.js：压缩后的Ext的核心组件，包括

4、sources/core下的所有类。ext-core-debug.js：无压缩Ext的核心组件，包括sources/core下的所有类。ExtJs简介EXTAPI参考手册ExtJs简介

5、>Ext

6、Js代码示例（HelloWorld）:ExtJs简介hello.html页面效果ExtJs简介EXTJs比其他JS框架的优势：EXTJs系列精品课件一、ExtJs简介二、ExtJs类库三、ExtJs基础组件四、ExtJs布局ExtJs类库ExtJS由一系列的类库组成，一旦页面成功加载了ExtJS库后，我们就可以在页面中调用ExtJS的类及控件来实现需要的功能。ExtJS的类库由以下几部分组成：底层API(core)控件(widgets)实用工具(Utils)ExtJs类库底层API(core)：底层API中提供了对DOM操

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

8、我们实现如数据内容格式化、JSON数据解码或反解码、对Date、Array、发送Ajax请求、Cookie管理、CSS管理等扩展等功能。EXTJs系列精品课件一、ExtJs简介二、ExtJs类库三、ExtJs基础组件四、ExtJs布局ExtJs基础组件Ext组件简介Ext2.0对整个框架进行了重构，最为