extjs个人整理.docVIP

1.下载ExtJS库文件,直接在官网下载就可以 adapter:负责将里面提供第三方底层库(包括Ext自带的底层库)映射为Ext所支持的底层库 build:压缩后的ext全部源码(里面分类存放) docs:API帮助文档 examples: 提供使用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下的所有类 Ext_core_debug.js:无压缩Ext的核心组件,包括sources/core下的所有类 2.应用ExtJS 应用extJs需要在页面中引入extjs的样式及extjs库文件 script type=”tet/javascript” src=”extjs/adapter/ext/ext-base.js”/script script type=”text/javascript” src=”extjs/ext-all.js”/script 在ExtJS库文件及页面内容加载完后,ExtJS会执行Ext.onReady中指定的函数,一般情况下每个用户的ExtJS应用都是从Ext.onReady开始的: script function fn() { alert(‘ExtJS库已加’); } Ext.onReady(fn); /script 3.第一个简单实例 页面代码: IE效果 4.Ext类库介绍 页面首先加载ExtJS库,然后我们就可以在页面中通过javascript调用ExtJS的类及空间来实现需要的功能.ExtJS的类库由以下几个部分组成: 4.1: 底层API: 底层API中提供了对DOM操作/查询的封装/事件处理/DOM查询器等基础的功能.其它控件都是建立在这些底层api的基础上,底层api位于src目录下的子目录中. 4.2:控件: 控件就是可以直接在页面中创建的可视化组件,比如面板/选项板/表格/树/窗口/工具栏/按钮等等,我们的应用程序中可以直接通过应用这些控件来实现友好/交互性强的应用程序的UI,控件位于src目录下的widgets目录下. 4.3:实用工具Utils: Ext提供很多实用工具可以方便我们实现如数据内容格式化SON数据解码或反解码,对Date/Array/发送Ajax请求/Cookie管理/CSS管理等扩展等功能. 5:Ext的组件介绍 组件大致可以分为三大类,既基本组件/工具栏组件/表格及元素组件 5.1:基本组件: 5.2:工具栏组件 5.3:表单及字段属性 核心控件 用于显示树信息的TreePanel用于显示表格的GridPanelEditorGridPanel 代表应用程序窗口的Ext.Window他们都是继承于面板Panel面板由以下几个部分组成一个顶部工具栏(tbar)、一个底部工具栏(bbar)、面板头部(header)、面板尾部(bottom)、面板主区域(body)几个部分组成。 面板类中还内置了面板展开、关闭等功能，并提供一系列可重用的工具按钮使得我们可以轻松实现自定义的行为，面板可以放入其它任何容器中，面板本身是一个容 器，他里面又可以包含各种其它组件。Json(JavaScript Object Notation) 是一种数据交互格式大多的Ajax框架的数据交互都基于Json，如：jQuery、ExtJs等