1)创建一个Web Project

2)下载ExtJs,目前最新版本是2.2.1 网址是:http://www.extjs.com/products/extjs/download.php

3)在刚刚新建项目的WebRoot目录下面建立一个文件夹(我取名为Scripts)在这个目录下再建立一个Ext的文件夹,解压刚刚下载的ExtJs的Jdk,复制里面的adapter、resourses两个文件夹及ext-all.js文件到Ext目录里面

4)在工程里面新建一个Html文件,名字随便取,在这个html文件里面引进刚刚复制进了的Ext的css及js文档,具体代码如下:

<link rel="stylesheet" type="text/css" href="./scripts/ext/resources/css/ext-all.css">

    <script type="text/javascript" src="./scripts/ext/adapter/ext/ext-base.js"></script>

<script type="text/javascript" src="./scripts/ext/ext-all.js"></script>

(主要上面的目录是根据你自己的取的文件夹的名字而定的,我因为新建的第一个文件夹的名字为scripts,第二个文件夹的名字是ext

所以我的目录就是上面那样子的)

5)新建立一个js文件(我取名为sample.js)放到scripts目录下面或者是在scripts目录下新建一个文件夹我取名为demo

  这个js文件就是我们自己用来定义javascript代码的地方

  这个例子里代码如下:

Ext.onReady(function(){

Ext.Msg.alert("hello");

});

6)在html代码里面包含这个文件<script type="text/javascript" src="./scripts/demo/sample.js"></script>

7)部署工程,运行localhost:8080/yourwebname/sample.html

posted on 2009-05-02 13:13  wocean  阅读(1724)  评论(0编辑  收藏  举报