日期:2014-05-16  浏览次数:20372 次

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框");
});

?


?????????????????????????????????????????????????
?
?

?


??