现在的位置: 首页 > 综合 > 正文

extjs4学习笔记

2013年08月19日 ⁄ 综合 ⁄ 共 823字 ⁄ 字号 评论关闭

一、环境搭建

新建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后启动服务器即可。

抱歉!评论已关闭.