extJs 4 添加代码提示

原文 转载自 http://www.spket.com/extjs.html

水平有限，敬请雅正

创建  Ext 4.x 的js提示

1下载 Ext 4.x 解压 不要删除 src 文件夹

2 选择myeclipse 的 按钮  Window > Preferences... 打开 preferences.

3 选择 spket >JavaScript Profile 页面

4 点击 new 按钮 把 Ext 4（随意）作为名字输入到文本框里 ，点击ok保存

5 点击 Add Library 按钮 从列表中选择  ExtJS. 点击ok保存

6 点击  Add File 按钮 选择build（解压自 Ext 4.x）文件夹下的 sdk.jsb3 

7选中 第四部创建的 Ext 4，在右侧点击 Default 按钮 使其作为所有的项目的提示，也可以通过右上角的Configure Project Specific Settings..链接 配置各个项目不同提示

8 如果每个步骤都顺利完成，代码提示功能就做好了，像这样

9 点击ok保存

10 用JavaScript Editor.打开 js 文件 如图

点击Ctrl+Space 或 Alt+/, 提示如图

警告：

对 Ext 4.1.x 的版本， 在创建提示之前，你需要把 sdk.jsb3 文件从extjs-4.1.x/build 路径 下转移到extjs-4.1.x 路径下

Create JavaScript profile for Ext 4.x

1. Download Ext 4.x, unzip it, do not delete the src folder..
2. Select the menu item Window > Preferences... to open the workbench preferences.
3. Select the Spket > JavaScript Profile preference page to display the installed JavaScript Profiles.
4. Click the New.. button. In the Name field, type Ext 4 as the name for the new profile. Then click OK.
5. Click the Add Library button. From the Library drop-down list, select ExtJS. Then click OK.
6. Click the Add File button, choose sdk.jsb3 which can be found in build folder.
7. Select the Ext profile created in step 4, click the Default button make it the default profile for all project. The default profile can also be configured per project by usingConfigure Project Specific Settings... link.
8. If everything done correctly, your profile should looks like this.
9. Click on OK to save the preferences.
10. Open javascript file with Spket JavaScript Editor. If you not sure which editor you used, take a look at this screen shot. click Ctrl+Space or Alt+/, the code assist window will looks like this if there is no code.

Caution

For Ext 4.1.x, before creating profile, you have to move sdk.jsb3 from extjs-4.1.x/build toextjs-4.1.x

Create JavaScript profile for Ext 2.x

1. Select the menu item Window > Preferences... to open the workbench preferences.
2. Select the Spket > JavaScript Profile preference page to display the installed JavaScript Profiles.
3. Click the New.. button. In the Name field, type Ext as the name for the new profile. Then click OK.
4. Click the Add Library button. From the Library drop-down list, select ExtJS. Then click OK.
5. Click the Add File button, choose ext.jsb which can be found in Ext source folder
6. Select the Ext profile created in step 3, click the Default button make it the default profile for all project. The default profile can also be configured per project by usingConfigure Project Specific Settings... link.
7. Click on OK to save the preferences.

Features

Code assist for Ext JS

The code assist for Ext JS is very accurate and thorough, and it supports Ext JS 1.x - Ext JS 2.x, the code assist list all the properties/methods with full documentation.

Code assist for Config Options

The code assist will list all the config options and where it was defined.

Open declaration

Select Ext function, use the Ctrl+Clickcombination or F3, you can jump to the Ext source code, help you to learn how Ext works.

Code assist for custom class

The code assist works well for custom class, including config option and properties/methods.