一、开发工具配置
转自:获取
1、http://www.eclipse.org/downloads/下载Eclipse,解压。
2、http://spket.com/download.html下载Plugin,解压后覆盖到Eclipse的目录。
3、启动Eclipse,选择window→proference→spket→javascriptprofiles→new (输入Ext JS4.2.1)
4、Add libary(选择ExtJS)。
5、Add file(选择ext-all-dev.js),注意整个路径不能出现中文。
6、选中Ext JS 4.2.1,设置默认。
7、将 js默认打开方式设为 spket。(如果不成功,请重复检查上面的步骤,重点检查第6步,设置默认成功之后字体明显变黑)
8、重启Eclipse。 9、新建javascript文件,输入Ext+. 则会出现自动提示
如果没有出现自动提示则右击你的JS文件,有个Open with - 选择spket JavaScript Editor。 如果仍旧没有出现提示则可以通过在项目文件上点击右键,选择“Reload Javascript Profiles”菜单,对javascript文件重新加载。
二、ExtJS开发环境搭建:
(1) 下载Ext开发包,下载地址:http://extjs.org.cn/
(2) 将Ext开发包copy到eclipse项目的/WebRoot目录下 注意:不需要整个Ext开发包全部导入,这样很容易造成eclipse卡死,因为eclipse会自动检测js的合法性,会占用大量的检测时间、cpu和内存。通常普通的开发只需要用到\extjs-4.2.1\resources文件包、\extjs-4.2.1\ext-all.js这两个资源就可以,需要中文化再导入\extjs-4.2.1\locale\ext-lang-zh_CN.js 就可以了
(3) 在web页面中通过<script>标签引入ext的库文件。(注意引入顺序)
Extjs4.0开始比以往有些变化,用起来麻烦不小。与以前的引入三个文件不同,现在的4.0只要引用两个文件就行了。
[javascript] view plaincopyprint?
- <link rel="stylesheet" type="text/css" href="extjs-4.2.1/resources/css/ext-all.css"> // 引入样式文件
- <script type="text/javascript" src="extjs-4.2.1/bootstrap.js" ></script>
- <script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script> // 中文化
<link rel="stylesheet" type="text/css" href="extjs-4.2.1/resources/css/ext-all.css"> // 引入样式文件<script type="text/javascript" src="extjs-4.2.1/bootstrap.js" ></script> <script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script> // 中文化
(4) 调用Ext.onReady()初始化组件
<script>
Ext.onReady(function(){
…///在这里面创建及使用ext控件
});
</script>
相关推荐
我也是初学,把自己的学习过程记录下来,供大学参考。 2015年最新的搭建MyEclipse10+Spket+ExtJS的开发环境介绍
MyEclipse 8.5 + Spket 1.6.18 + ExtJS ext-4.0.0
spket 博文链接:https://dayone.iteye.com/blog/245532
eclipse+spket+Extjs4.2.1开发环境搭建,同样适用于myeclipse,内附spket破解包
eclipse+spket插件
eclipse+Extjs提示TOOLS破解版 spket eclipse+Extjs提示TOOLS破解版 spket
Eclipse添加Spket插件实现ExtJs智能提示
extJs2.0+spket-1.6.11.zip extJs2.0+spket-1.6.11.zip
spket1.6.23破解版和EXTjs4.2.1版本的JSB2文件 两个文件都有了。安装配置成功后,eclipse就可以使用代码自动提示了。
Extjs之Eclipse及spket的开发环境的搭建
1.提供了extjs-3.2及extjs-3.4的离线包 2.提供了spket的eclipse插件包,plugins和features放入eclipse对应的目录中,启动eclipse即可...3.离线包中包含了ext.jsb2文件,可在eclipse的spket中进行相应的配置,方便开发。
最新版的ExtJS,还有兼容的Spket,带jsb3文件
extjs5简单示例+spket1.6.12+根据json数据自动生成model、store文件的java类
eclipse安装spket及配置支持Extjs4.2,保证能成功
extjs2.0.2及eclipse插件spket1.6.23
其中运行spket.jar之后,选择MyEclipse的安装路径时,需要是myeclipse.exe文件所在的那个文件夹下 最后安装完成之后,打开js文件的时候,一定要选择一下Open With ---》spket javascript editor ,这个时候,只能...
目前最新版本的Ext4.1+spket下载包,同时附有myeclipse上安装spket指导。
很好的extjs源码+extjsAPI+myeclipse集成时所用的spket-1.6.11.jar
Myeclipse8以上版本+spket+Ext4配置说明
ExtJs eclipse插件spket