ext下載地址:http://extjs.org.cn/node/515javascript
當前下載的最新版本爲ext-4.0.7-gpl.zip,解壓以後文件目錄結構以下圖所示:css
文件目錄主要資源說明:html
一、builds目錄是ExtJS壓縮後的代碼,通過壓縮的代碼體積更小,加載更快。java
二、docs目錄是ExtJS的文檔,其中最重要的是ExtJS的API。node
三、examples目錄是官方的演示實例。bootstrap
四、locale目錄是多國語言的資源文件,其中ext-lang-zh_CN.js是中文簡體。ui
五、pkgs目錄是ExtJS各部分功能的打包文件。spa
六、resource目錄是ExtJS要用到的圖片文件和樣式表文件。debug
七、src目錄是未壓縮的源代碼目錄。調試
八、bootstrap.js是ExtJS庫的引導文件,經過參數能夠自動切換ext-all.js和ext-all-debug.js。
九、ext-all.js文件是ExtJS的核心庫,是必需要引入的。
十、ext-all-debug.js文件是ext-all.js的調試版。
二、ExtJS Hello World
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head runat="server">
5 <title>Hello World</title>
6 <link href="ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
7 <script src="ext-4.0.7-gpl/bootstrap.js" type="text/javascript"></script>
8 <script type="text/javascript">
9 Ext.onReady(function () {
10 Ext.MessageBox.alert("HelloWorld", "Hello World !");
11 });
12 </script>
13 </head>
14 <body>
15 </body>
16 </html>
運行效果圖:(火狐效果圖)