最近回顾一下 ExtJS 发现几个月没有用,好多又差不多忘记了。现在用日志记录一下。防止再次忘记。
我用得是 Spket IDE 编辑器
Spket IDE下载地址:
http://www.spket.com/download.html1.目录结构
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.效果图