EXT 中文手册
开发必备
该文档内容取自互联网，详细的介绍了 EXT 的各部
分内容，希望对大家有所帮助
pjq
2008-5-25
EXT 中文手册
EXT 中文手册 pjq 收集整理
2
2008
EXT 中文手册
前 言
本手册所有内容均粘贴自互联网，如有错误，请多见谅。
EXT 中文手册
EXT 中文手册 pjq 收集整理
3
2008
目 录
EXT 中文手册 ................................................................................................................. 1
EXT 简介 .................................................................................................................. 5
目 錄 ................................................................................................................ 5
下载 Ext ............................................................................................................. 6
开始！ ............................................................................................................... 6
Element：Ext 的核心 .......................................................................................... 6
获取多个 DOM 的节点 ....................................................................................... 7
响应事件............................................................................................................ 7
使用 Widgets ...................................................................................................... 9
使用 Ajax ..........................................................................................................11
EXT 源码概述 ......................................................................................................... 13
揭示源代码 ...................................................................................................... 13
发布 Ext 源码时的一些细节 .............................................................................. 14
我应该从哪里开始？ ........................................................................................ 15
适配器 Adapters................................................................................................ 15
核心 Core ......................................................................................................... 15
Javascript 中的作用域（scope） ............................................................................... 15
事前准备.......................................................................................................... 15
定义................................................................................................................. 15
正式开始.......................................................................................................... 16
window 对象 .................................................................................................... 16
理解作用域 ...................................................................................................... 17
变量的可见度................................................................................................... 17
EXT 程序规划入门 .................................................................................................. 18
事前准备.......................................................................................................... 18
需要些什么？................................................................................................... 18
applayout.html................................................................................................... 18
applayout.js....................................................................................................... 19
公开 Public、私有 Private、特权的 Privileged？................................................. 21
重写公共变量................................................................................................... 23
重写（Overriding）公共函数 ............................................................................ 23
DomQuery 基础 ....................................................................................................... 24
DomQuery 基础 ................................................................................................ 24
扩展 EXT 组件 ........................................................................................................ 31
文件的创建 ...................................................................................................... 31
Let's go............................................................................................................. 35
完成................................................................................................................. 37
EXT 的布局（Layout）............................................................................................ 39
简单的例子 ...................................................................................................... 40
加入内容.......................................................................................................... 43
开始使用 Grid ......................................................................................................... 53
EXT 中文手册
EXT 中文手册 pjq 收集整理
4
2008
步骤一 定义数据(Data Definition) ..................................................................... 53
步骤二 列模型（Column Model）..................................................................... 54
Grid 组件的简易分页 ............................................................................................... 55
G r i d 数据.................................................................................................... 55
怎 么 做 一 个 分 页 的 G r i d ........................................................................ 56
分页栏 T o o l b a r ........................................................................................ 56
EXT Menu 组件 ....................................................................................................... 57
创 建 简 易 菜 单 ............................................................................................ 57
各种 Item 的类型 .................................................................................... 59
I t e m 属性.................................................................................................... 59
在 UI 中 摆 放 菜 单 .................................................................................... 59
M e n u 的 分 配 方 式 ： ................................................................................. 60
练一练.......................................................................................................... 62
动 态 添 加 菜 单 按 钮 到 T o o l b a r ............................................................ 62
更方便的是 ................................................................................................ 63
下一步是 ..................................................................................................... 63
模板（Templates）起步 ........................................................................................... 63
第一步 您的 HTML 模板.................................................................................. 63
第二步，将数据加入到模板中 .......................................................................... 64
下一步 ............................................................................................................. 64
学习利用模板（Templates）的格式化功能 ............................................................... 64
正式开始.......................................................................................................... 64
下一步 ............................................................................................................. 66
事件处理................................................................................................................. 66
非 常 基 础 的 例 子 ....................................................................................... 66
处 理 函 数 的 作 用 域 .................................................................................. 66
传递参数 ..................................................................................................... 67
类设计 .................................................................................................................... 67
对象创建 ..................................................................................................... 67
使 用 构 造 器 函 数 ....................................................................................... 68
方法共享 ..................................................................................................... 68
表单组件入门.......................................................................................................... 69
表单体 ............................................................................................................. 69
创建表单字段................................................................................................... 69
完成表单.......................................................................................................... 70
下一步 ............................................................................................................. 71
为一个表单填充或提交数据..................................................................................... 71
让我们开始吧................................................................................................... 71
读取我们的数据 ............................................................................................... 72
EXT 中的继承 ......................................................................................................... 73
补充资料........................................................................................................................ 74
Ext 2 概述 .............................................................................................................. 74
组件模型 Component Model............................................................................ 76
容器模型 Container Model ............................................................................... 80
EXT 中文手册
EXT 中文手册 pjq 收集整理
5
2008
布局 Layouts................................................................................................ 81
Grid ................................................................................................................. 84
XTemplate ........................................................................................................ 84
DataView.......................................................................................................... 85
其它新组件 ...................................................................................................... 85
EXT2 简介 .............................................................................................................. 86
下载 Ext ........................................................................................................... 86
开始！ ............................................................................................................. 87
Element：Ext 的核心 ........................................................................................ 87
获取多个 DOM 的节点 ..................................................................................... 88
响应事件.......................................................................................................... 88
使用 Widgets .................................................................................................... 90
編輯 使用 Ajax ................................................................................................ 93
TabPanel 基础 .......................................................................................................... 96
Step 1: 创建 HTML 骨架 ................................................................................. 96
Step 2: Ext 结构的构建...................................................................................... 97
Step 3: 创建 Tab 控制逻辑 ................................................................................ 99
EXT 简介
无论你是 Ext 库的新手，抑或是想了解 Ext 的人，本篇文章的内容都适合你。本文将简单地介绍 Ext
的几个基本概念，和如何快速地做出一个动态的页面并运行起来，假设读者已具备了一些 JavaScript 经验
和初级了解 HTML Dom。
目錄
1 下载 Ext
2 开始！
3 Element：Ext 的核心
4 获取多个 DOM 的节点
5 响应事件
6 使用 Widgets
o 6.1 MessageBox
o 6.2 Grid
o 6.3 还有更多的..
7 使用 Ajax
o 7.1 PHP
o 7.2 ASP.Net
o 7.3 Cold Fusion
