??? 公司網站開發前臺用的是 ExtJs2 ，沒辦法，只能開始重新學習了，準備把每天學到的 ExtJs 寫下來，當做日志吧。 其實我不想學 ExtJs 的，因為我大學的時候看過一本書，說 JS 將死，學了也沒用。再說 HTML5 就要出山了，王者降臨，無人可擋。只是沒辦法，誰叫我上班啊，還是老老實實的學吧。

??? 去官網下載了 ExtJs2 的包，打開官網，出現一行字： Ext Js 4 Preview 。 Fuck ， 4 代都要出來了，我才開始學 2 代，真糾結。找到老版本的 Ext ，下了一個 2.3 版本的。地址為： http://dev.sencha.com/deploy/ext-2.3.0.zip

?

?

?

??? 解壓之后，看了下 ExtJs 包里面的內容，大概了解了下

??? docs ：幫助文檔

??? examples ：案例

??? source ： ExtJs 源碼

??? resources ：各種 CSS ，圖片資源

?

?

??? 其他的就不管了，先來個 Hello ExtJs2 吧 。 不過先搞項目之前，建議下個插件 spket ，就是像 java 一樣自動提示的。想想 ExtJs 這么多組件我就頭疼，沒有提示功能怎么行啊。安裝 spket 我就不多說了，自己網上找的。 ?

?<link rel="stylesheet" type="text/css" href="extJs2.3/resources/css/ext-all.css" />
?<script type="text/javascript" src="extJs2.3/adapter/ext/ext-base.js"></script>
?<script type="text/javascript" src="extJs2.3/ext-all-debug.js"></script>

?

jsp 界面中需引入這三個文件，第一個為 ExtJs 的 CSS ，后兩個為 ExtJs 的基本文件，相當于 java 的 jre 吧。第三個我導入的是 ext-all-debug.js ， 查看下載下來的包的話，你可以發現還有一個名字和它差不多的文件 ext-all.js ，一個為開發版，一個是產品版本。功能上是一樣的。其實，你只要打開著兩個文件就可以發現其中的奧秘了。

?

新建了JS文件，里面代碼為：

Ext.onReady(function() {
???Ext.MessageBox.alert("hello", "Hello,ExtJs2.I don't like you");
??});

?

?

搞笑的是，要使你把剛才你引入的CSS文件ext-all.css刪除。再調試下，你會發現彈出的對話框變成了這樣

好了，ExtJs首戰告捷。

中間有個小插曲

自動生成的JSP頁面中有一語句

<base href="<%=basePath%>">

  

    ?我沒注意到，開始引入的文件前面都加了../../，這導致一直沒有彈出對話框。太大意了。
  
  

  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    
      ?
    
  
  

    ?
  
  

    
      ExtJs01：第一天