强大的EXT最新使用手册（中文）

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 定义 ................................................................................................................................. 14 正式开始 ......................................................................................................................... 15 window对象 ................................................................................................................... 15 理解作用域 ..................................................................................................................... 16 变量的可见度 ................................................................................................................. 16 EXT程序规划入门 ................................................................................................................ 17

事前准备 ......................................................................................................................... 17 需要些什么？ ................................................................................................................. 17 applayout.html ................................................................................................................. 17 applayout.js ..................................................................................................................... 18 公开Public、私有Private、特权的Privileged？ ........................................................ 20 重写公共变量 ................................................................................................................. 22 重写（Overriding）公共函数 ....................................................................................... 22 DomQuery基础 ...................................................................................................................... 23

DomQuery基础 .............................................................................................................. 23 扩展EXT组件 ....................................................................................................................... 30

文件的创建 ..................................................................................................................... 30 Let's go ............................................................................................................................ 34 完成 ................................................................................................................................. 36 EXT的布局（Layout） ......................................................................................................... 38

简单的例子 ..................................................................................................................... 39 加入内容 ......................................................................................................................... 42 开始使用Grid ........................................................................................................................ 52

步骤一 定义数据(Data Definition) ............................................................................... 52 步骤二 列模型（Column Model）............................................................................... 53 Grid组件的简易分页 ............................................................................................................ 54

Grid数据 .................................................................................................................. 54 怎么做一个分页的Grid .................................................................................. 55 分页栏Toolbar ..................................................................................................... 55 EXT Menu组件 ...................................................................................................................... 56

创建简易菜单 ......................................................................................................... 56 各种Item的类型 ................................................................................................. 58 Item属性 .................................................................................................................. 58 在UI中摆放菜单 ................................................................................................. 58 Menu的分配方式： ............................................................................................. 59 练一练 ......................................................................................................................... 61 动态添加菜单按钮到Toolbar ..................................................................... 61 更方便的是 .............................................................................................................. 62 下一步是 ................................................................................................................... 62 模板（Templates）起步 ........................................................................................................ 62

第一步 您的HTML模板 ............................................................................................. 62 第二步，将数据加入到模板中 ..................................................................................... 63 下一步 ............................................................................................................................. 63 学习利用模板（Templates）的格式化功能 ........................................................................ 63

正式开始 ......................................................................................................................... 63 下一步 ............................................................................................................................. 65 事件处理 ................................................................................................................................. 65

非常基础的例子 ................................................................................................... 65 处理函数的作用域 .............................................................................................. 65 传递参数 ................................................................................................................... 66 类设计..................................................................................................................................... 66

对象创建 ................................................................................................................... 66 使用构造器函数 ................................................................................................... 67 方法共享 ................................................................................................................... 67 表单组件入门 ......................................................................................................................... 68

表单体 ............................................................................................................................. 68 创建表单字段 ................................................................................................................. 68 完成表单 ......................................................................................................................... 69 下一步 ............................................................................................................................. 70 为一个表单填充或提交数据 ................................................................................................. 70

让我们开始吧 ................................................................................................................. 70 读取我们的数据 ............................................................................................................. 71 EXT中的继承 ........................................................................................................................ 72 补充资料......................................................................................................................................... 73

Ext 2 概述 .............................................................................................................................. 73

组件模型 Component Model....................................................................................... 75 容器模型Container Model .......................................................................................... 79

布局 Layouts ............................................................................................................. 80 Grid ................................................................................................................................. 83 XTemplate ....................................................................................................................... 83 DataView ......................................................................................................................... 84 其它新组件 ..................................................................................................................... 84 EXT2简介 .............................................................................................................................. 85

下载Ext .......................................................................................................................... 85 开始！ ............................................................................................................................. 86 Element：Ext的核心 ..................................................................................................... 86 获取多个DOM的节点 ................................................................................................. 87 响应事件 ......................................................................................................................... 87 使用Widgets .................................................................................................................. 89 編輯 使用Ajax .............................................................................................................. 92 TabPanel基础 ......................................................................................................................... 95

Step 1: 创建 HTML 骨架 ............................................................................................ 95 Step 2: Ext结构的构建 .................................................................................................. 96 Step 3: 创建Tab控制逻辑 ............................................................................................ 98

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”中，那应该在\里面新建目录“tutorial”。双击ExtStart.htm，接着你的浏览器打开启动页面，应该会有一条消息告诉你配置已完毕。如果是一个Javascript错误，请按照页面上的指引操作。

在你常用的IDE中或文本编辑器中，打开ExtStart.js看看：

Ext.onReady可能是你接触的第一个方法。这个方法是指当前DOM加载完毕后，保证页面内的所有元素能被Script引用（reference）。你可删除alert()那行，加入一些实际用途的代码试试： Ext.onReady(function() { }); alert(\ You have Ext configured correctly!\Element：Ext的核心

大多数的JavaScript操作都需要先获取页面上的某个元素（reference）,好让你来做些实质性的事情。传统的JavaScript方法，是通过ID获取Dom节点的： var myDiv = document.getElementById('myDiv'); 这毫无问题，不过这样单单返回一个对象（DOM节点），用起来并不是太实用和方便。为了要用那节点干点事情，你还将要手工编写不少的代码；另外，对于不同类型浏览器之间的差异，要你处理起来可真头大了。

进入Ext.element 对象。元素（element）的的确确是Ext的心脏地带，--无论是访问元素（elements）还是完成一些其他动作，都要涉及它。Element的 API是整个Ext库的基础，如果你时间不多，只是想了解Ext中的一两个类的话，Element一定是首选！

由ID获取一个Ext Element如下（首页ExtStart.htm包含一个div，ID名字为“myDiv”，然后，在ExtStart.js中加入下列语句）：

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库强大的EXT最新使用手册（中文）在线全文阅读。