posts - 496,comments - 227,trackbacks - 0
1、到spket官方网站(http://www.spket.com/)下Extjs编辑的IDE(其实就是一个jar文件,使用java -jar spket-1.6.22.jar命令来安装IDE)。
2、安装完之后需要配置IDE对Extjs的支持,官方网站http://www.spket.com/extjs.html有说明

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 using Configure 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.

Create JavaScript profile

  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 using Configure Project Specific Settings... link.
  7. Click on OK to save the preferences.

Features

Code assist for Ext JS

Code assist 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

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

Open declaration

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

Code assist for custom class

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

custom class



3、创建一个空项目,在空项目下创建一个xxx.theme文件,打开这个文件之后,可以看到主题颜色的修改,name就是你主题的名称,path就是你Extjs源文件的根目录,这时就可以看到所有的png主题图片。修改完之后,点击“explort”导出,便看到相应的主题文件夹。

posted on 2012-04-17 16:54 SIMONE 阅读(1344) 评论(0)  编辑  收藏 所属分类: JavaScript

只有注册用户登录后才能发表评论。


网站导航: