试用EXT JS框架

一直都有听说EXT框架,采用它做的界面效果非常的棒,而你只需要简单地几个脚本代码就可以使用了。一样简化了前端的大量工作，对于一些要求项目快速开发的工作来说，Ext的出现帮设计师完成了大量的工作。现在我们先来使用它。

第一步下载Ext框架，这个不用我说在官方网站上有的，我下的是Ext2.02的版本，大约有6M，里面包括了脚本与图片、文档与实例。

第二：做一个例子，一般把自己测试的例子放在example目录下比较合理，进入example目录，新建一个目录，如：hello 在这目录下新一个index.htm。

第三：导入Ext的包与CSS。
<link href=”../../resources/css/ext-all.css” rel=”stylesheet” type=”text/css” />
<script src=”../../adapter/ext/ext-base.js” type=”text/javascript”></script>
<script src=”../../ext-all.js” type=”text/javascript”></script>
这里要特别的注意是这里包是有顺序的，如果顺序错误那么在后面将导致错误。

第四：自己写一个代码，最简单的：
<script>
 Ext.onReady(function(){
  Ext.MessageBox.alert(”窗口”, “Hello World!!!”);
 });
</script>
说明一下Ext.onReady可以理解为加载前面的Ext包成功的情况下。function 指执行一个方法，这个方法是Ext.MessageBox.alert，用Ext弹出一个对话框。标题为“窗口”，内容为“Hello World!!!”。

这样就完成一个Ext的调用了，Ext的精彩要等自己更多的发掘。