ExtJS的配置

  ExtJS作为一个开源的AJAX框架，非常流行。在百度百科上看到这么二句话：“功能丰富，无人能出其右”，“无论是界面之美，还是功能之强，ext的表格控件都高居榜首”。。。

  可以从其官网上下载最新的包：http://www.extjs.com/。下载最新版本是3.x,2.x和3.x有很大的区别。本人不会ExtJS，所以开始记录学习ExtJS的经历，教程选用DojoChina的视频，可以到verycd上下载，共有30讲吧。

  第一步是学习使用ExtJS，我下载了最新版本ext-3.2.1。解压后得到以下文件、

    看到对这些文件的解释，是对2.x的，所以有些东西没了，有些东西新增了，大体没变

写道

adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。
　　build：压缩后的ext全部源码(里面分类存放)。
　　docs：API帮助文档。
　　exmaples：提供使用ExtJs技术做出的小实例。
　　resources：Ext UI资源文件目录，如CSS、图片文件都存放在这里面。
　　source： 无压缩Ext全部的源码(里面分类存放) 遵从Lesser GNU （LGPL） 开源的协议。
　Ext-all.js：压缩后的Ext全部源码。
　ext-all-debug.js：无压缩的Ext全部的源码(用于调试)。
　 ext-core.js：压缩后的Ext的核心组件，包括sources/core下的所有类。
　 ext-core-debug.js：无压缩Ext的核心组件，包括sources/core下的所有类。

    使用ExtJS需要加载其样式文件和库文件，样式文件是%ext%\resources\css\ext-all.css，而库文件包含二个:%ext%\adapter\ext\ext-base.js和%ext%\ext-all.js

  使用时可以如下书写

<link rel="stylesheet" type="text/css" href="ExtJS/resources/css/ext-all.css">
<script type="text/javascript"  src="ExtJS/adapter/ext/ext-base.js" ></script>
<script type="text/javascript"  src="ExtJS/ext-all.js" ></script>

 

    一开始将ext-all文件写在了ext-base.js前面，导致出现了错误，还一直纳闷呢。如果二个文件顺序写倒，则IE提示如下

 

 

 
     

   比较汗吧，这也充分说明了ExtJS的文件引入是有顺序的。

  OK，写个Hello World爽一下吧。

<script type="text/javascript">
Ext.onReady(function () {
	Ext.MessageBox.alert("Hello world", "这是第一个Ext框");
});