2. ExtJS HelloWorld

2. ExtJS HelloWorld

最近回顾一下 ExtJS 发现几个月没有用，好多又差不多忘记了。现在用日志记录一下。防止再次忘记。

我用得是 Spket IDE 编辑器
 Spket IDE下载地址: http://www.spket.com/download.html

1.目录结构


2.index.html

 1  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
 2  < html  xmlns ="http://www.w3.org/1999/xhtml" >
 3       < head >
 4           < meta  http-equiv ="Content-type"  content ="text/html; charset=utf-8"   />
 5           < title > Study ExtJS </ title >
 6           <!--  导入ExtJS Framework 基本样式  -->
 7           < link  rel ="stylesheet"  type ="text/css"  href ="ext/resources/css/ext-all-notheme.css" />
 8           <!--  导入ExtJS Framework 主题样式  -->
 9           < link  rel ="stylesheet"  type ="text/css"  href ="ext/resources/css/xtheme-blue.css" />
10           <!--  导入ExtJS Framework 核心JS  -->
11           < script  type ="text/javascript"  src ="ext/adapter/ext/ext-base.js" ></ script >
12           <!--  导入ExtJS Framework 所有JS  -->
13           < script  type ="text/javascript"  src ="ext/ext-all.js" ></ script >
14           <!--  导入ExtJS Framework 中文JS  -->
15           < script  type ="text/javascript"  src ="ext/ext-lang-zh_CN.js" ></ script >
16           <!--  导入Project JavaScript  -->
17           < script  type ="text/javascript"  src ="js/HelloWorld.js" ></ script >
18       </ head >
19       < body >
20       </ body >
21  </ html >
22 

3.HelloWorld.js

1  Ext.onReady( function (){
2      Ext.Msg.alert( " 温馨提示 " , " ExtJS Framework 导入成功! " );
3  });

4.效果图