【ExtJs】ExtJs4.2.1的配置與Helloworld，extjsextjs4.2.1
ExtJs在2.x之後如果用於商業用途將會收費，在官網如果要下載就要給錢，但是完全傳說中有個gpl版本，可以隨便用，不過法律上的問題就不是我們程式猿細究的事情了。至少自己弄來玩玩是不會有什麼問題的。ExtJs這東西，個人覺得非常適合做OA，簡直就是把以前的VC6的MFC搬到網頁上面來了。
下面以ExtJs4.2.1為例子，講述這東西是如何開發的。不同的版本的ExtJs可能會有不同，因為ExtJs這東西，在2.x，3.x，5.x是完全不同的，因為現在最常用的ExtJs的版本是4.x，因此就研究ExtJs4.2.1。ExtJs4.2.1與Bootstrap一樣，是一個CSS+JavaScript的前端架構。
一、基本目標
上來搞出如下的Helloworld就可以了，可以看到，這東西由於相容IE6，因此是非常受歡迎的。
二、基本準備
ExtJs4.2.1在網上能夠隨便搜到，這裡提供兩個我個人找到，一個是某大型下載網站的，一個是CSDN網友無私提供的：
http://120.198.244.52:9999/sqyd10.newhua.com:82/down/ext-4.2.1-gpl.zip（點擊開啟連結）
http://download.csdn.net/download/litaohm/6775189（點擊開啟連結）
下載之後ext-4.2.1-gpl.zip，如把裡面的
./ext-all.js Ext4.x不再出現adapt,base等檔案
./bootstrap.js
./locale/ext-lang-zh_CN.js 繁體中文的朋友請選擇ext-lang-zh_TW.js，英文自動支援非必要
./resources/ext-theme-classic Ext4.x不再使用ext-all.css，取而代之的是各種主題，ext-theme-classic是預設主題。你要哪種主題則拷貝那個檔案夾，且引用其中的ext-theme-xx-all.css即可，其中xx是主題名稱，下面以ext-theme-classic主題為例，
放到你的WEB工程：
最終，你的WEB工程的目錄結構如，其中helloworld.html是建立的。
三、製作過程
在helloworld.html中寫入如下代碼，則可以順利地運行：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>extHelloworld</title><script type="text/javascript" src="js/ext-all.js"></script><script type="text/javascript" src="js/bootstrap.js"></script> <script type="text/javascript" src="js/ext-lang-zh_CN.js"></script><link href="ext-theme-classic/ext-theme-classic-all.css" rel="stylesheet" type="text/css" ></head> <body> </body></html><script>Ext.onReady(function(){Ext.MessageBox.alert('Helloworld！標題列','HelloWorld，內容！');});</script>
然後<script>標籤中的指令碼，Ext.onReady(function(){});是必須的，不像Jquery那樣去掉與不去掉只是頁面載入前與頁面載入後的問題。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
