EXT 中文手册
前 言
本手册所有内容均粘贴自互联网,如有错误,请多见谅。
目 录
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
步骤一 定义数据(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
布局 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
下载 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 中加入下列语句):