EXT 文档.docVIP

Ext框架基础及核心简介 应用ExtJS 　　应用extjs需要在页面中引入extjs的样式及extjs库文件，样式文件为resources/css/ext-all.css，extjs的js库文件主要包含两个，adapter/ext/ext-base.js及ext-all.js，其中ext-base.js表示框架基础库，ext- all.js是extjs的核心库。adapter表示适配器，也就是说可以有多种适配器，因此，可以把adapter/ext/ext-base.js 换成adapter/jquery/ext-jquery-adapter.js，或adapter/prototype/ext-prototype- adapter.js等 核心简介 　　ExtJS由一系列的类库组成，一旦页面成功加载了ExtJS库后，我们就可以在页面中通过javascript调用ExtJS的类及控件来实现需要的功能。ExtJS的类库由以下几部分组成：底层API(core)：底层API中提供了对DOM操作、查询的封装、事件处理、DOM查询器等基础的功能。其它控件都是建立在这些底层api的基础上，底层api位于源代码目录的core子目录中，包括DomHelper.js、Element.js等文件，如图xx所示。 　　控件(widgets)：控件是指可以直接在页面中创建的可视化组件，比如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等，在我们的应用程序中可以直接通过应用这些控件来实现友好、交互性强的应用程序的UI。控件位于源代码目录的widgets子目录中，包含如图xx所示。 　　实用工具Utils：Ext提供了很多的实用工具，可以方便我们实现如数据内容格式化、JSON数据解码或反解码、对Date、Array、发送Ajax请求、Cookie管理、CSS管理等扩展等功能，如图所示： ExtJS的组件 　　Ext2.0对框架进行了非常大的重构，其中最重要的就是形成了一个结构及层次分明的组件体系，由这些组件形成了Ext的控件，Ext组件是由 Component类定义，每一种组件都有一个指定的xtype属性值，通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。 ExtJS中的组件体系由下图所示： 组件大致可以分成三大类，即基本组件、工具栏组件、表单及元素组件。 基本组件有: xtype Class ------------- ------------------ box Ext.BoxComponent 具有边框属性的组件 button Ext.Button　　按钮 colorpalette Ext.ColorPalette 调色板 component Ext.Component　组件 container Ext.Container　容器 cycle Ext.CycleButton　 dataview Ext.DataView 数据显示视图 datepicker Ext.DatePicker 日期选择面板 editor Ext.Editor　编辑器 editorgrid Ext.grid.EditorGridPanel 可编辑的表格　 grid Ext.grid.GridPanel 表格 paging Ext.PagingToolbar 工具栏中的间隔 panel Ext.Panel　面板 progress Ext.ProgressBar 进度条 splitbutton Ext.SplitButton 可分裂的按钮 tabpanel Ext.TabPanel　选项面板 treepanel Ext.tree.TreePanel 树 viewport Ext.ViewPort 视图 window Ext.Window　窗口 工具栏组件有 --------------------------------------- toolbar Ext.Toolbar　工具栏 tbbutton Ext.Toolbar.Button　按钮 tbfill Ext.Toolbar.Fill　文件 tbitem Ext.Toolbar.Item　工具条项目 tbseparator Ext.Toolbar.Separator