Extjs4.0.7 desktop基础搭建

Extjs4.0.7 desktop初级搭建

涉及内容：1.classes.js的拆分

2.App.js和Settings.js里代码的含义

3.桌面图标的换行

4.一些小小的修改

首先上官网上下载最新版本的Extjs，本次讲解以4.0.7版本为例，下载地址/products/extjs/download/ext-js-4.0.7/1234

然后打开myeclipse新建一个web project工程，这个工程的结构如下

其中core文件夹用于存放desktop的核心代码

css文件夹用于存放样式表

ext文件夹用于存放ext-all.js等

images文件夹用于存放desktop实例中images

modules文件夹用于存放桌面上显示的模块

resources文件夹用于存放desktop实例自带的壁纸文件夹wallpapers 和Extjs中resources下的themes文件夹

接下来把App.js,Settings.js和index.jsp(即desktop.html)放在webroot 目录下面

一．classes.js的拆分：首先来看一下index.jsp中的代码

"/TR/html4/strict.dtd">

alt="Powered by Ext JS"

id="poweredby">

其实有了这段代码就算是拆分完了，但是还不够，我们还需要修改两个地方，1.settings.js中修改

2.App.js中修改