欢迎来到天天文库
浏览记录
ID:40241375
大小:920.02 KB
页数:95页
时间:2019-07-28
《《extjs框架简介》》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
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:提
3、供使用ExtJs技术做出的小实例。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下的
4、所有类。Ext框架简介怎样搭建EXT运行环境及开发环境开发环境把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的核心库。5、"all"href="extjs/resources/css/ext-all.css"/>helloWord示例程序helloWord在HTML直接嵌入代码实现6、avascript">Ext.onReady(function(){Ext.Msg.alert('helloWord','HelloWord!');});helloWord示例程序Ext类库简介Ext框架基础及核心简介Ext组件简介Ext入门基础Ext类库简介ExtJS由一系列的类库组成,一旦页面成功加载了ExtJS库后,我们就可以在页面中调用ExtJS的类及控件来实现需要的功能。ExtJS的类库由以下几部分组成:底层API(core)控件(widgets)实用工具(Utils)Ext类7、库简介底层API(core):底层API中提供了对DOM操作、查询的封装、事件处理、DOM查询器等基础的功能。其它控件都是建立在这些底层api的基础上,底层api位于源代码目录的core子目录中,包括DomHelper.js、Element.js等文件。Ext类库简介控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等,在我们的应用程序中可以直接通过应用这些控件来实现友好、交互性强的应用程序的UI。控件位于源代码目录的widgets子目8、录中。Ext类库简介实用工具Utils:Ext提供了很多的实用工具,可以方便我们实现如数据内容格式化、JSON数据解码或反解码、对Date、Array、发送Ajax请求、Cookie管理、CSS管理等扩展等功能Ext入门基础尺寸&大小,定位get,getDOM,getCmp的区别DOM的增删改查动画类编程事件AJAXExt入门基础要学习及应用好Ext框架,必须需要理解HtmlDOM、ExtElement及Component三者
5、"all"href="extjs/resources/css/ext-all.css"/>helloWord示例程序helloWord在HTML直接嵌入代码实现6、avascript">Ext.onReady(function(){Ext.Msg.alert('helloWord','HelloWord!');});helloWord示例程序Ext类库简介Ext框架基础及核心简介Ext组件简介Ext入门基础Ext类库简介ExtJS由一系列的类库组成,一旦页面成功加载了ExtJS库后,我们就可以在页面中调用ExtJS的类及控件来实现需要的功能。ExtJS的类库由以下几部分组成:底层API(core)控件(widgets)实用工具(Utils)Ext类7、库简介底层API(core):底层API中提供了对DOM操作、查询的封装、事件处理、DOM查询器等基础的功能。其它控件都是建立在这些底层api的基础上,底层api位于源代码目录的core子目录中,包括DomHelper.js、Element.js等文件。Ext类库简介控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等,在我们的应用程序中可以直接通过应用这些控件来实现友好、交互性强的应用程序的UI。控件位于源代码目录的widgets子目8、录中。Ext类库简介实用工具Utils:Ext提供了很多的实用工具,可以方便我们实现如数据内容格式化、JSON数据解码或反解码、对Date、Array、发送Ajax请求、Cookie管理、CSS管理等扩展等功能Ext入门基础尺寸&大小,定位get,getDOM,getCmp的区别DOM的增删改查动画类编程事件AJAXExt入门基础要学习及应用好Ext框架,必须需要理解HtmlDOM、ExtElement及Component三者
6、avascript">Ext.onReady(function(){Ext.Msg.alert('helloWord','HelloWord!');});helloWord示例程序Ext类库简介Ext框架基础及核心简介Ext组件简介Ext入门基础Ext类库简介ExtJS由一系列的类库组成,一旦页面成功加载了ExtJS库后,我们就可以在页面中调用ExtJS的类及控件来实现需要的功能。ExtJS的类库由以下几部分组成:底层API(core)控件(widgets)实用工具(Utils)Ext类
7、库简介底层API(core):底层API中提供了对DOM操作、查询的封装、事件处理、DOM查询器等基础的功能。其它控件都是建立在这些底层api的基础上,底层api位于源代码目录的core子目录中,包括DomHelper.js、Element.js等文件。Ext类库简介控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等,在我们的应用程序中可以直接通过应用这些控件来实现友好、交互性强的应用程序的UI。控件位于源代码目录的widgets子目
8、录中。Ext类库简介实用工具Utils:Ext提供了很多的实用工具,可以方便我们实现如数据内容格式化、JSON数据解码或反解码、对Date、Array、发送Ajax请求、Cookie管理、CSS管理等扩展等功能Ext入门基础尺寸&大小,定位get,getDOM,getCmp的区别DOM的增删改查动画类编程事件AJAXExt入门基础要学习及应用好Ext框架,必须需要理解HtmlDOM、ExtElement及Component三者
此文档下载收益归作者所有