EXT框架简介与入门学习指南.pdfVIP

第一章EXT

1.1Ext简介

Ext在最开始的时候，是作为YUI的一个扩展存在的，所以那个时候它的名称是YUI.Ext，后来，Ext作为

一个独立的项目进行开发，并不再依赖于YUI。适合企业级开发，能实现复杂的Layout布局，界面效果可

以和backbase媲美，而且使用纯javascript代码开发。真正的可编辑的表格EditGrid，支持XML和Json数据

类型，直接可以迁入grid，有完整地说明文档。

1.2Ext

如果你未曾过，那应从这里版本的Ext。针对你的需求，有

几个不同的版本。通常地，最稳定的版本，是较多人的选择。的版本是Ext2.0，本使用ext-1.1版

本。

解包后，我们可以查阅ext目录下的docs中的文档配合example下是些实例文件进行学习。在EXT目录

中，package目录是ext所有类库文件,在ext-all.js文件中已经包含了该目录下所有的类。因此我们开发中只需

要导入ext-all.js文件即可。Resources目录下有Ext所需要的文件和CSS样式文件。对于样式文件我们只

用到ext-all.css一个文件即可，它包含了所有Ext中样式的定义。在样式文件夹中还有三个Ext样式文件

xtheme-aero.css、xtheme-gray.css、xtheme-vista.css，我们可以选择自己的Ext风格，在今后我们会详

第一章EXT

1.1外部简介

Ext在最开始的时候，是作为YUI的一个扩展存在的，所以那个时候它的名字是YUI.Ext，后来，

Ext独立的项目进行开发，并不再依赖于YUI。适合企业级开发，能够实现复杂的布局布局，界

面效果可以和相当美，而且使用纯javascript代码开发。真正的可编辑的表格编辑Grid，支持

XML和Json数据类型，直接可以移植入grid，有完整的说明文档。

1.2扩展程序

如果你未曾过，那应该从这里版本的Ext

m/downloads。针对你的需求，有几个不同的版本。通常情况下，最稳定的版本，是

预测人的选择。的版本是Ext2.0，本使用ext‑1.1版本。

解包后，我们可以查阅ext目录下的docs中的文档配合示例下是一些实例文件进行学习。在EXT目录

中，package目录是ext所有类库文件，在ext‑all.js文件中已经包含了该目录下所有的类。因此我们开发

中只需要导入ext‑all.js文件即可。资源目录下有Ext所需要的文件和CSS样式文件。对于样式文件我

们来说只用ext‑all.css一个文件即可，它包含了所有Ext中样式的定义。在样式文件夹中还有三个Ext

样式文件xtheme‑aero.css、xtheme‑gray.css、xtheme‑vista.css，我们可以选择自己的Ext样式，

在下面我们会详述

细讲到。

1.3第一个例子

我们开始第一个例子，可以帮助你了解Ext的开发。

（1）首先我们建立项目目录，如C:\example1。

（2）在example1目录下建立js和css两个目录，用于存放JS文件和CSS样式文件。

（3）为了节省空间我们只把需要的文件拷贝到项目中：

将EXT目录中resources\css\目录下的ext-all.css、xtheme-aero.css、xtheme-gray.css、xtheme-vista.css

文件拷贝到项目中CSS目录下。

将EXT目录中ext-all.js文件和adapter\ext\ext-base.js文件拷贝到项目中JS目录下。

拷贝EXT目录resources\中的images目录全部拷贝至项目目录中。

开发所必要的文件已经拷贝到项目中啦，以上导入操作今后不再提示。

接下来该编写代码来实现功能啦.Go...

（4）在js目录下新建hello.js,内容是：

Ex