Ext-Js实例

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

转载于:https://www.cnblogs.com/ocean010/archive/2009/05/02/1447757.html