EXT中文手册:JavaScript组件库深入指南

需积分: 0 0 下载量 104 浏览量 更新于2024-07-29 收藏 2.07MB PDF 举报
EXT中文手册是一份详细介绍EXT库的文档,EXT是一个基于JavaScript的富客户端应用框架,用于构建Web应用程序的用户界面。这份手册由pjq收集整理,旨在帮助开发者更好地理解和使用EXT库的各种功能。 EXT简介: EXT库是Sencha公司的一个产品,它提供了丰富的组件和强大的布局系统,使得开发者能够构建出具有桌面级用户体验的Web应用。EXT的核心是其强大的组件模型,这些组件包括窗口(Window)、面板(Panel)、表格(Grid)、菜单(Menu)等,以及用于数据绑定和Ajax交互的机制。 下载EXT: 要开始使用EXT,首先需要从官方站点或者第三方资源下载EXT的库文件,这通常包括EXT的核心库和可选的扩展库。下载后,开发者可以在项目中引用这些文件来启动EXT的使用。 开始!: EXT的使用通常从创建元素(Element)开始,Element是EXT中处理DOM节点的基础。EXT封装了对DOM的操作,提供了一套便利的方法,如获取多个DOM节点、响应事件等。 使用Widgets: EXT的强项在于它的Widget系统,包括按钮(Button)、表格(Grid)、菜单(Menu)等,它们是预定义的UI组件,开发者可以通过配置这些组件来快速构建复杂的用户界面。 使用Ajax: EXT提供了Ajax工具,可以方便地进行异步数据交互。例如,使用Ajax请求从服务器获取数据,更新用户界面,或者发送数据到服务器。 EXT源码概述: EXT的源码结构清晰,开发者可以通过阅读源码来了解其实现原理。源码中包含适配器(Adapters)、核心(Core)和其他关键部分。适配器允许EXT与不同的JavaScript库(如jQuery)兼容,核心部分则包含了EXT的基本功能和类库。 EXT程序规划入门: 在开始EXT项目之前,需要规划好项目的结构,包括理解作用域、变量的可见性,以及如何正确组织代码。EXT提倡使用MVC(模型-视图-控制器)架构,有助于提高代码的可维护性和复用性。 DomQuery基础: EXT内建了类似于jQuery的DomQuery工具,用于高效地选择和操作DOM元素。DomQuery提供了丰富的选择器和方法,简化了DOM操作。 扩展EXT组件: EXT允许开发者根据需求自定义组件,创建新的Widget或者扩展已有的组件。这通常涉及到文件的创建、定义组件的配置和行为,以及必要的样式调整。 EXT的布局(Layout): EXT的布局系统是其强大之处,支持各种复杂的布局模式,如Fit布局、Table布局、Anchor布局等。布局系统可以自动调整组件大小以适应容器的变化。 Grid组件: EXT的Grid组件用于显示大量数据,具有分页、排序、过滤等功能。通过定义数据定义(DataDefinition)、列模型(ColumnModel)和分页工具栏(Toolbar),可以创建功能完备的数据网格。 Menu组件: EXT的Menu组件可以创建丰富的下拉菜单,支持各种类型的菜单项(Item),并能灵活地配置和展示菜单。开发者还可以学习如何动态添加菜单按钮到工具栏,增强应用的交互性。 模板(Templates): EXT的模板系统允许开发者创建HTML模板,并结合数据生成动态内容。模板提供了格式化数据的功能,使得数据显示更加灵活和直观。 这份EXT中文手册覆盖了EXT的基础到高级概念,对于任何想要深入学习EXT的开发者来说,都是一份宝贵的参考资料。通过学习和实践手册中的内容,开发者可以掌握EXT的核心技术和构建高效、美观的Web应用。
2008-03-03 上传
EXT 中文手册 1
EXT简介 3
目錄 3
下载Ext 4
开始! 4
Element:Ext的核心 4
获取多个DOM的节点 5
响应事件 5
使用Widgets 7
使用Ajax 9
EXT源码概述 11
揭示源代码 11
发布Ext源码时的一些细节 12
我应该从哪里开始? 13
适配器Adapters 13
核心Core 13
Javascript中的作用域(scope) 13
事前准备 13
定义 13
正式开始 14
window对象 14
理解作用域 15
变量的可见度 15
EXT程序规划入门 16
事前准备 16
需要些什么? 16
applayout.html 16
applayout.js 17
公开Public、私有Private、特权的Privileged? 19
重写公共变量 21
重写(Overriding)公共函数 21
DomQuery基础 22
DomQuery基础 22
扩展EXT组件 29
文件的创建 30
Let's go 33
完成 35
EXT的布局(Layout) 37
简单的例子 38
加入内容 42
开始使用Grid 51
步骤一 定义数据(Data Definition) 51
步骤二 列模型(Column Model) 52
Grid组件的简易分页 53
Grid数据 53
怎么做一个分页的Grid 54
分页栏Toolbar 55
EXT Menu组件 55
创建简易菜单 56
各种Item的类型 57
Item属性 57
在UI中摆放菜单 58
Menu的分配方式: 58
练一练 60
动态添加菜单按钮到Toolbar 61
更方便的是 61
下一步是 62
模板(Templates)起步 62
第一步 您的HTML模板 62
第二步,将数据加入到模板中 62
下一步 63
学习利用模板(Templates)的格式化功能 63
正式开始 63
下一步 64
事件处理 64
非常基础的例子 64
处理函数的作用域 64
传递参数 65
类设计 66
对象创建 66
使用构造器函数 66
方法共享 66
表单组件入门 67
表单体 67
创建表单字段 67
完成表单 68
下一步 69
为一个表单填充或提交数据 69
让我们开始吧 69
读取我们的数据 71
EXT中的继承 71
补充资料 73
Ext 2 概述 73
组件模型 Component Model 74
容器模型Container Model 78
布局 Layouts 80
Grid 82
XTemplate 83
DataView 84
其它新组件 84
EXT2简介 85
下载Ext 85
开始! 85
Element:Ext的核心 86
获取多个DOM的节点 87
响应事件 87
使用Widgets 88
編輯 使用Ajax 91
TabPanel基础 94
Step 1: 创建 HTML 骨架 94
Step 2: Ext结构的构建 96
Step 3: 创建Tab控制逻辑 97