Zend Studio7.* 集成ExtJS

今天看了打开Zend Studio 从来都没有看过 MyStudio 今天看了看。

发现了 ExtJS顺便研究了一下。

 

因为我是做php开发的，用的工具是Zend Studio.

所以说一下，集成ExtJS的问题。实验版本 ： 7.0.0   7.1.2

1、选择Help ->Install NEW Software ->ADD;

2、下载并安装Spket；

Name: "Spket"
Url: "http://www.spket.com/update/"

 

 

3. 从ExtJs官方网站下载ExtJs3.1,解压出来。将src目录和ext.jsb2复制到../Zend/Zend Studio - 7.1.0/plugins/下

4. Window -> Preferences -> Spket -> JavaScript Profiles -> New ； 
输入 “ExtJS”点击OK； 
选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”；

选 择 “ExtJS”并点击“Add File”，然后在你的../Zend/Zend Studio - 7.1.0/plugins目录中选取“ext.jsb2” 文件

 记得要把所有的钩挑上。

 

 

5、设置新的ExtJS Profile，选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮。

6、设置文件关联：Window -> Preferences ->General-> Editors-> File Associations 选择Associated editors 为 Spket JavaScript Editor(ADD 添加进来就可以了)。

添加后的效果图：

 

 

 

 

 

解决Spket EXT智能提示无法使用：

 

1. ext.jsb2只是一个用于引导的文件，Spket真正读取EXT API是通过src目录下对应的JS文件来取的，也就是说ext.jsb2文件不能复制到其他地方用，只能放在EXT解压包本身的目录下才可以。修改 后重启下就可以了（一定要重启，否则不生效）。如果不信的话，可以将ext.jsb2这个文件打开一看就知道它的路径了！！

 

2.确认你的.js文件是用 Spket Javascript Editor 打开。js文件 鼠标右键“open with”-》“Speck javascrtipt Editor”。

 

参考文章：

 

Zend Studio7.1 集成ExtJS 3.0 http://www.zendchina.net/?action-viewnews-itemid-994

Ext JS 官方中文网站 http://www.51extjs.com/