??? 公司網(wǎng)站開發(fā)前臺(tái)用的是 ExtJs2 ，沒辦法，只能開始重新學(xué)習(xí)了，準(zhǔn)備把每天學(xué)到的 ExtJs 寫下來，當(dāng)做日志吧。 其實(shí)我不想學(xué) ExtJs 的，因?yàn)槲掖髮W(xué)的時(shí)候看過一本書，說 JS 將死，學(xué)了也沒用。再說 HTML5 就要出山了，王者降臨，無人可擋。只是沒辦法，誰叫我上班啊，還是老老實(shí)實(shí)的學(xué)吧。

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

?

?

?

??? 解壓之后，看了下 ExtJs 包里面的內(nèi)容，大概了解了下

??? docs ：幫助文檔

??? examples ：案例

??? source ： ExtJs 源碼

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

?

?

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

?<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 界面中需引入這三個(gè)文件，第一個(gè)為 ExtJs 的 CSS ，后兩個(gè)為 ExtJs 的基本文件，相當(dāng)于 java 的 jre 吧。第三個(gè)我導(dǎo)入的是 ext-all-debug.js ， 查看下載下來的包的話，你可以發(fā)現(xiàn)還有一個(gè)名字和它差不多的文件 ext-all.js ，一個(gè)為開發(fā)版，一個(gè)是產(chǎn)品版本。功能上是一樣的。其實(shí)，你只要打開著兩個(gè)文件就可以發(fā)現(xiàn)其中的奧秘了。

?

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

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

?

?

搞笑的是，要使你把剛才你引入的CSS文件ext-all.css刪除。再調(diào)試下，你會(huì)發(fā)現(xiàn)彈出的對(duì)話框變成了這樣

好了，ExtJs首戰(zhàn)告捷。

中間有個(gè)小插曲

自動(dòng)生成的JSP頁面中有一語句

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

  

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

  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    ?
  
  

    
      ?
    
  
  

    ?
  
  

    
      ExtJs01：第一天