EXT 中文手册
前 言
本手册所有内容均粘贴自互联网，如有错误，请多见谅。
1
目 录
EXT 中文手册....................................................................................................................................1
EXT 简介....................................................................................................................................4
目錄.....................................................................................................................................4
下载 Ext...............................................................................................................................5
开始！.................................................................................................................................5
Element：Ext 的核心.........................................................................................................5
获取多个 DOM 的节点......................................................................................................6
响应事件.............................................................................................................................6
使用 Widgets.......................................................................................................................8
使用 Ajax..........................................................................................................................10
EXT 源码概述..........................................................................................................................12
揭示源代码.......................................................................................................................12
发布 Ext 源码时的一些细节...........................................................................................13
我应该从哪里开始？.......................................................................................................14
适配器 Adapters................................................................................................................14
核心 Core..........................................................................................................................14
Javascript 中的作用域（scope）.............................................................................................14
事前准备...........................................................................................................................14
定义...................................................................................................................................15
正式开始...........................................................................................................................15
window 对象.....................................................................................................................15
理解作用域.......................................................................................................................16
变量的可见度...................................................................................................................16
EXT 程序规划入门..................................................................................................................17
事前准备...........................................................................................................................17
需要些什么？...................................................................................................................17
applayout.html...................................................................................................................18
applayout.js.......................................................................................................................19
公开 Public、私有 Private、特权的 Privileged？..........................................................20
重写公共变量...................................................................................................................22
重写（Overriding）公共函数.........................................................................................23
DomQuery 基础........................................................................................................................23
DomQuery 基础................................................................................................................23
扩展 EXT 组件..........................................................................................................................31
文件的创建.......................................................................................................................31
Let's go..............................................................................................................................34
完成...................................................................................................................................36
EXT 的布局（Layout）...........................................................................................................39
简单的例子.......................................................................................................................39
加入内容...........................................................................................................................43
开始使用 Grid...........................................................................................................................53
2
步骤一 定义数据(Data Definition)..................................................................................53
步骤二 列模型（Column Model）.................................................................................54
Grid 组件的简易分页...............................................................................................................55
Grid 数据...........................................................................................................................55
怎么做一个分页的 Grid...................................................................................................56
分页栏 Toolbar..................................................................................................................57
EXT Menu 组件........................................................................................................................57
创建简易菜单..................................................................................................................58
各种 Item 的类型.............................................................................................................59
Item 属性...........................................................................................................................59
在 UI 中摆放菜单.............................................................................................................60
Menu 的分配方式：.........................................................................................................60
练一练..............................................................................................................................62
动态添加菜单按钮到 Toolbar.........................................................................................63
更方便的是.......................................................................................................................63
下一步是...........................................................................................................................64
模板（Templates）起步..........................................................................................................64
第一步 您的 HTML 模板.................................................................................................64
第二步，将数据加入到模板中.......................................................................................65
下一步...............................................................................................................................65
学习利用模板（Templates）的格式化功能..........................................................................65
正式开始...........................................................................................................................65
下一步...............................................................................................................................66
事件处理...................................................................................................................................67
非常基础的例子...............................................................................................................67
处理函数的作用域...........................................................................................................67
传递参数...........................................................................................................................68
类设计.......................................................................................................................................68
对象创建...........................................................................................................................68
使用构造器函数...............................................................................................................68
方法共享...........................................................................................................................69
表单组件入门...........................................................................................................................70
表单体...............................................................................................................................70
创建表单字段...................................................................................................................70
完成表单...........................................................................................................................71
下一步...............................................................................................................................72
为一个表单填充或提交数据...................................................................................................72
让我们开始吧 ..................................................................................................................72
读取我们的数据...............................................................................................................73
EXT 中的继承..........................................................................................................................74
补充资料...........................................................................................................................................76
Ext 2 概述.................................................................................................................................76
组件模型 Component Model...........................................................................................77
容器模型 Container Model...............................................................................................82
3
布局 Layouts.....................................................................................................................83
Grid....................................................................................................................................85
XTemplate.........................................................................................................................86
DataView...........................................................................................................................87
其它新组件.......................................................................................................................87
EXT2 简介................................................................................................................................88
下载 Ext.............................................................................................................................88
开始！...............................................................................................................................88
Element：Ext 的核心.......................................................................................................89
获取多个 DOM 的节点....................................................................................................90
响应事件...........................................................................................................................90
使用 Widgets.....................................................................................................................91
編輯 使用 Ajax.................................................................................................................94
TabPanel 基础...........................................................................................................................97
Step 1: 创建 HTML 骨架.................................................................................................98
Step 2: Ext 结构的构建....................................................................................................99
Step 3: 创建 Tab 控制逻辑.............................................................................................101
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
4
下载 Ext
如果你未曾下载过，那应从这里下载最新版本的 Ext http://extjs.com/downloads 。
针对你的下载需求，有几个不同的弹性选项。通常地，最稳定的版本，是较多人的选择。下载解包
后，那个 example 文件夹便是一个探索 Ext 的好地方！
开始！
Download Example File
IntroToExt.zip
我们将使用 Ext，来完成一些 JavaScript 任务。
Zip 文件包括三个文件：ExtStart.html, ExtStart.js 和 ExtStart.css。解包这三个文件到 Ext 的安装目
录中（例如，Ext 是在“C:\code\Ext\v1.0”中，那应该在"v1.0"里面新建目录“tutorial”。双击 ExtStart.htm，
接着你的浏览器打开启动页面，应该会有一条消息告诉你配置已完毕。如果是一个 Javascript 错误，请按
照页面上的指引操作。
在你常用的 IDE 中或文本编辑器中，打开 ExtStart.js 看看：
Ext.onReady 可能是你接触的第一个方法。这个方法是指当前 DOM 加载完毕后，保证页面内的所有
元素能被 Script 引用（reference）。你可删除 alert()那行，加入一些实际用途的代码试试：
Element：Ext 的核心
大多数的 JavaScript 操作都需要先获取页面上的某个元素（reference）,好让你来做些实质性的事情。
传统的 JavaScript 方法，是通过 ID 获取 Dom 节点的：
!"#!!$%&!"&
这毫无问题，不过这样单单返回一个对象（DOM 节点），用起来并不是太实用和方便。为了要用
那节点干点事情，你还将要手工编写不少的代码；另外，对于不同类型浏览器之间的差异，要你处理起来
可真头大了。
进入 Ext.element 对象。元素（element）的的确确是 Ext 的心脏地带，--无论是访问元素（elements）
还是完成一些其他动作，都要涉及它。Element 的 API 是整个 Ext 库的基础，如果你时间不多，只是想了
解 Ext 中的一两个类的话，Element 一定是首选！
由 ID 获取一个 Ext Element 如下（首页 ExtStart.htm 包含一个 div，ID 名字为“myDiv”，然后，在
ExtStart.js 中加入下列语句）：
5
评论0