extjs4学习笔记

一、环境搭建

新建HTML文件并在页面中引入ExtJS的样式及ExtJS库文件：
1、样式文件为resources/css/ext-all.css
2、库文件主要包含两个：adapter/ext/ext-base.js及ext-all.js
3、其中ext-base.js是框架基础库，ext-all.js是extjs的核心库。

 

测试环境是否搭建成功，一个hello world：

<script type="text/javascript">
		Ext.onReady(function(){
			Ext.Msg.alert('Alert','Hello word!');
		});
</script>

 二、MyEclipse10下搭建环境

 

1、为了更舒服的写js代码，再MyEclipse里添加spket1.6.23插件，下载的zip文件解压后放到MyEclipse/dropins的目录下即可，打开MyEclipse后可以看到在window->preferences选项下多出spket菜单。设置菜单以便有代码提示，新建extjs项，add library选择ext类型，然后add file选择extjs\build下的sdk.jsb3（这个文件自带的据说是乱的，不太好，百度一下下一个覆盖即可）

设置好后新建js源文件用图中spket javascript editor打开才有提示哦。

2、安装tomcat6.0。安装后在MyEclipse的主页面会有tomcat的图标按钮。在window->preferences下的tomcat页面进行jdk版本和tomcat目录设置。

3、新建web项目，导入extjs的resources、example文件夹和ext-all.js,ext-lang-zh_CN.js,ext-all-debug.js。

4、在index.jsp中写hello world代码测试环境

点击工具栏的部署按钮新建部署，选择tomcat服务器

ok后启动服务器即可。