1. 下载ExtJs2.1开发包,在myeclipse中新建一个web工程,工程项目如下:
2. 在index.jsp中引入以下css和js:
<link rel="stylesheet" type="text/css" href="js/extjs/resources/css/ext-all.css"/>
<!-- 一定要先添加adapter中的ext-base.js -->
<script type="text/javascript" src="js/extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="js/extjs/ext-all.js" ></script>
<script type="text/javascript" src="js/extjs/ext-lang-zh_CN.js"></script>
3. 新建一个test.js JavaScript文件,在test.js中写入一下内容:
Ext.onReady(function(){
Ext.Msg.alert('hello world', 'hello world');
})
4. 启动web工程,在浏览器中运行,最终效果截图: