ExtJS基礎第一講學習
最近好像要用到這個，所以學習下，這個視訊大概是很久很久以前的，我都不想吐槽了，但是我覺得作為ExtJS的入門還是可以的！記錄些自己的筆記吧！
EXTJS入門：
1.下載ExtJS開發包 2.瞭解該開發包 adapter：負責將裡面提供第三方底層庫（包括Ext自帶的底層庫）對映為Ext 所支援的底層庫。 build： 壓縮後的ext全部原始碼(裡面分類存放)。 docs： API幫助文件。 exmaples：提供使用ExtJs技術做出的小例項。 resources：Ext UI資原始檔目錄，如CSS、圖片檔案都存放在這裡面。 source： 無壓縮Ext全部的原始碼(裡面分類存放) 遵從GPL開源的協議。 Ext-all.js：壓縮後的Ext全部原始碼。 ext-all-debug.js：無壓縮的Ext全部的原始碼(用於除錯)。 ext-core.js：壓縮後的Ext的核心元件，包括sources/core下的所有類。 ext-core-debug.js：無壓縮Ext的核心元件，包括sources/core下的所有類。
3.安裝Eclpse外掛 http://www.spket.com/update/
這個我試了一下好像不行了，百度下就可以了！
4.配置該外掛
5.第一個ExtJS示例 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="../Ext/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="../Ext/ext-all-debug.js"></script> <script type="text/javascript" src="FirstExtJS.js"></script> <link rel="stylesheet" type="text/css" href="../Ext/resources/css/ext-all.css"></link> </head> <body onload="helloWorld()"> </body> </html>
function helloWorld() { alert("開始學習ExtJS!"); }
6.用ExtJS改寫 首先需要匯入ExtJS開發包，然後修改程式碼 如下。
function helloWorld() { alert("開始學習ExtJS!"); }
Ext.onReady(helloWorld());
7.經典的經典。 Ext.onReady( function helloworld() { Ext.MessageBox.alert("歡迎","歡迎大家和我一起學習ExtJS"); } );