Ext⼊门学习系列（⼀）环境配置
⼀、EXT是什么？
1. Ext是⼀个Ajax框架，可以⽤来开发带有华丽外观的富客户端应⽤，使得我们的b/s应⽤更加具有活⼒及⽣命⼒，提⾼⽤户体验；
2. Ext是⼀个⽤javascript编写，与后台技术⽆关的前端ajax框架。因此，可以把Ext⽤在.Net、Java、Php等各种开发语⾔开发的应⽤中；
3. Ext是⾯向对象的；
4. Ext没有你想象中的那么难；
⼆、Ext从哪⾥获取？
解压后有50M⼤⼩，⾥⾯包含了很多其他的⽂档。
三、Ext环境怎么搭建？
我们只需要从⾥⾯找出⾃⼰需要的⽂件即可。按照顺序在根⽬录下找到ext-all.js（最主要的Ext代码库⽂件），然后在adapter/ext/⽬录下找到ext-base.js（EXT的适配器），接下来就需要找语⾔⽂件了名字叫“ext-lang-zh_CN.js”，最后需要把整个样式表⽂件夹找到，在resources⽂件夹中。把所有找到的⽂件全部复制到我们需要的⽂件夹下，暂定为Ext⽂件夹，则该⽂件夹下⾯的⽬录结构应该如：
我们的站点⽂件放在上级⽬录，如：
到此为⽌，环境配置基本完毕。
四、Ext代码怎么写？
接下来我们⼀起来写⼀个测试例⼦，因为是JS库，所以⽹页中要做的第⼀件事情就是添加引⽤，在需要⽤到Ext的页⾯源⽂件头部加上：
//引⼊样式//引⼊适配器
//引⼊主⽂件
//语⾔包
接下来才可以正式写，先来⼀个测试：
如果在VS2010中上⾯的代码是可以直接点出来的，所有代码以Ext开始，如果想弹个对话框，就选Message即可。
然后保存，运⾏正常情况下会出现这样的效果：
其中对话框默认是可以拖动的。
到此，我们的Ext环境就算搭建完毕！后续的课程会对Ext的各个组件逐⼀介绍。
本例代码
理解Ext.util.Event
由于Ext2.0中所有的组件都是由Observable继承而来，理解Ext就需要先从Ext.util.Observable说起，而 Observable是对Event对象进行管理，从而理解Observable必须首先从Ext.util.Event说起。
Ext.util.Event是一个封装的非常精致的对象，但和你想象的不同，Event同任何的HTML
DOM元素没有任何的关系（尽管Ext是处理HTML元素的），实际上，它是一个通用的事件及其事件的处理的对象。 也许有朋友要问，HTML Element本身已经支持了事件，为什么还要再重新设计一套Event机制呢？其实，基本上所有的javascript框架都会实现自己的Event机制，原因很多，但是至少有一点：HTML元素对于事件的处理是通过简单的单一绑定实现，也就是说，如果不进行任何的封装，你的事件只能唯一的绑定到一个事件处理句柄，举个例子：
var e=document.getElementById("test");
e.onclick=function(){alert("handle1")};
e.onclick=function(){alert("handle2")};
运行的结果你回发现，只会弹出一个"handle2"的alert框，因为第一个事件已经被第二个事件重载了。而使用Ext框架，你可以放心的解决这个问题，同一个事件可以依次被绑定到多个事件处理句柄上。
Ext.util.Event对象构建器需要传入两个对象：obj(处理事件的缺省对象），name(事件名称）。在构建Event对象时，Event对象会同时构建一个事件的处理函数的数组:listeners，通过这个数组实现了一个事件的多个事件句柄函数的处理。
Ext.util.Event = function(obj, name){
EXT学习文档
ext-1.1
部分原创/部分整理
第一章 EXT入门
1.1 Ext简介
Ext在最开始的时候，是作为YUI的一个扩展存在的，所以那个时候它的名称是YUI.Ext，后来，Ext作为一个独立的项目进行开发，并不再依赖于YUI。适合企业级开发，能实现复杂的Layout布局，界面效果可以和backbase媲美，而且使用纯javascript代码开发。 真正的可编辑的表格Edit Grid，支持XML和Json数据类型，直接可以迁入grid，有完整地说明文档。
1.2 下载Ext
如果你未曾下载过，那应从这里下载最新版本的Ext /downloads。针对你的下载需求，有几个不同的版本。通常地，最稳定的版本，是较多人的选择。最新的版本是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风格，在今后我们会详细讲到。
1.3 第一个例子
我们开始第一个例子，可以帮助你了解Ext的开发。
（1）首先我们建立项目目录，如C:\example1。
（2）在example1目录下建立js和css两个目录，用于存放JS文件和CSS样式文件。
（3）为了节省空间我们只把需要的文件拷贝到项目中：
Extjs、雅虎UI库、jQuery—js框架介绍
ExtJS
ExtJS是一个Javascript库，功能强大，界面美观，可以使用Ajax, DHTML，DOM等技术开发网络应用程序。
历史
最初的ExtJS只是YUI的一个扩展包，从1.1版开始独立发布。它是一个开源软件，遵守GPL 3.0协议。
许可证
Extjs之前使用LGPL和商业授权的双重协议，在08年时改成了现在使用的GPL和商业授权的双重协议，也遵守其他的开源软件协议。
功能描述
Ext包括多种控件，可以实现各种各样的功能
文本框和文本域控制，可以控制文本框和文本域中的内容过滤，实现所见即所得的编辑形式。
单选框和复选框控制
Grid control(表格控件)：可以轻松的实现表格数据统计，拖放。
树形控制：生成树形目录，编辑管理树，点击展开或是关闭。
Tabs：可活动的标签页，标签页组，可自由添加和删除的标签页，功能丰富。
工具条：在面板中可以方便的插入顶部工具条或是底部工具条，实现各种复杂的功能。
桌面应用程序菜单：可以制作类似于Windows桌面的网页菜单。
灵活的面板布局：将一个面板划分为东南西北中(ESWNC)五个部分，每个部分可以放不同的内容。
滚动条：用滚动条来控制数据的显示。
Flash图表：flash制作的数据图表功能。
优点和不足
Ext整合了CSS样式文件，窗口、面板都有现成的样式，甚至都不需要美工进行特别的美化就可以直接使用。功能涵盖了一个Web 2.0网站所需要的几乎所有的功能，非常完备。但是相应的文件大，加载速度并不理想，而且在低版本的浏览器上显示效果不佳。
学习网站：
雅虎UI库
雅虎UI库 (Yahoo! UI Library，YUI) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了AJAX，DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证.
