ExtJS 3.1快速入门指南-CSDN博客

本文链接：https://blog.csdn.net/iteye_15826/article/details/81820899

一、下载extjs
1、从http://www.extjs.com/网站上下载最新版本的extjs。目前最新版的是3.1.
二、搭建开发环境
1、下载firefox，安装firebug插件
2、下载spket插件
下载网址http://www.spket.com/
可以下载spket插件或者用eclipse更新的方式，更新地址是http://www.spket.com/update
3、需要添加到web目录下的文件。
/ext-base.js
/ext-all.js
ext-lang-zh_CN.js
还有整个resouces目录下的文件。
导入时请注意js脚本的顺序。
三、常见问题
1、为什么页面提示“找不到图片”
ext经常用一张空白图片来作为占位符，这张空白图片的名字就是Ext.BLANK_IMAGE_URL,默认会从extjs网站上下载，我们需要把它改到从本地下载。
在js里设置Ext.BLANK_IMAGE_URL='<本地路径>/resouces/images/default/s.gif

四、测试页面例子
页面代码如下所示：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>My first ExtApp</title>

<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="js/ext-base.js"></script>
<script type="text/javascript" src="js/ext-all.js"></script>
<script type="text/javascript" src="js/ext-lang-zh_CN.js"></script>

<script>
Ext.onReady(function(){
Ext.MessageBox.alert('helloworld','HelloWorld');

});
</script>
</head>
<body>

</body>
</html>.

demo