jQuery MiniUI,快速开发WebUI界面

Eclipse 部署ExtJs


一个项目要用到EXTJS,从今天开始看EXTjs方面的书,今天了解了Eclipse部署EXTJS,和利用插件实现智能提示,接下来详细阐述一下。

1,在EXTJS官网下载EXTjs,http://extjs.org.cn/ 我下载的版本是ext3.4.0,最新版本4.0.7,但好像eclipse还不支持,所以就放弃了!

2,将ext3.4.0部署到eclipse项目中。即:将ext3.4.0.zip文件解压后,把几个必需的文件或者文件夹导入项目中即可,包括,adapter文件中的ext-base.js,文件夹中ext-all.js文件,以及resources文件夹,即可

3,在html调用extjs时,一定要注意引用的文件的顺序和路径

<link rel="stylesheet" type="text/css" href="http://www.cnblogs.com/resources/css/ext-all.css" /> 
<script type="text/javascript" src="http://www.cnblogs.com/adapter/ext/ext-base.js"> </script>
<script type="text/javascript" src="http://www.cnblogs.com/ext-all.js"> </script>

切记:一定要按以上的顺序!!!

4,就是在浏览器进行测试

我发现,在eclipse写extjs程序不能出现智能提示,所以上网下载了插件实现智能提示。

1,我下载的是spket 1.6.18版本,解压后,把里面的文件夹分别放到eclipse中的features和plugins文件夹中

2,在Window------->Proferences里,会多一个Spket的选项 选择Javascript Profiles ,

点击New...输入EXTJS建立新的profile 点击Add Library,并选择EXTjs,建立新的Library

点击Add File, 选择刚下载的extjs文件 adapter文件中的ext-base.js,文件夹中ext-all.js文件和ext.jsb2文件(ext3.0版本是.jsb2文件)

如果想让extjs成为缺省的Javascript Profile,则点击Default。 (一定要点击Default,否则不起作用)

最后新建js文件,选择openwith spket js editor

作者:woyuchengxian
转自:http://www.cnblogs.com/daxian/archive/2012/11/18/2776550.html