程式開發的利器EXT(YUI-Ext)

程式開發的利器EXT(YUI-Ext)
程式開發的利器EXT(YUI-Ext)作者：劉建宏 / 臺灣大學計算機及資訊網路中心程式設計組
花了很多時間還是做不出專業質感的網頁嗎，請試試YUI-Extision（目前已更名為ext）。它是一組擴展自Yahoo!UI(Yahoo! User Interface Library)，具有CS(Client/Server)風格的Web用戶介面元件，也可說是網頁開發技術「HTML + JavaScript + CSS」的擴充，主要UI包括：dialog、grid、layout、tabs等等。
前言在「Web Base」的程式開發世界裡，你是否一直找不到一個好的程式語言？在ASP 或 .NET …等開發經驗中，想做到跨瀏覽器、整體性、多國語言，真的會這麼難嗎？經由這篇的簡要介紹，或許能解決您大部份的問題，同時享受當程式設計師的樂趣。
你是程式設計師嗎？你想做程式設計師嗎？如果是，以下這些話想必應該耳熟能響；如果不是但未來可能是，下列問題你更需要關心：
．為什麼設計的WEB程式無法跨瀏覽器？．為什麼我解析度、字型調整，畫面就亂了？．為什麼不同的程式設計師做出來的UI (User Interface)不同？．網頁設計的動線真是難用．為何無法做得專業一點…有時聽到這些抱怨，真是想告訴使用者－「你自已來寫好了」。不過往往還是把話吞回去，一本和藹的態度告訴使用者－「您的意見我們會帶回去逐一檢討」。
自從我開始接觸「Web Base」的程式，跨瀏覽器始終是個令人難以解決的難題。雖然不是無法解決，但的確讓程式設計師花非常多時間來了解不同瀏覽器之間語法的差異，無形之中增加開發成本；往往在面臨開發時程的壓力下，大家一致性的說法就是：建議使用瀏覽器IE v5.5以上的版本（目前最普及的）。
三年前開始流行「AJAX」( Asynchronous JavaScript And XML )時，很幸運的，我也趕上這波流行潮，以「AJAX」技術，開發了幾個自認為非常自豪的系統，但上述問題，仍無法解決。後來「GWT (Google Web Toolkit)」、「YUI(Yahoo UI)」先後的將他們團隊的技術免費釋放出來，解決了大部份跨瀏覽器的問題。雖找到一絲曙光，但仍只限於個別元件的應用。
2005年四五月因為需要找「YUI」的資料，結果意外的發現，國外有位Jack Slocum，將「YUI」做整合性的延申，另外做了一個framework稱為「YUI-Ext」(正式版稱為EXT)。
EXT到底有什麼好處呢？這正是我想告訴大家的。
優點：１. 個人也可以做出商業級的品質。２. 跨瀏覽器。３. 支援AJAX。４. 界面一致，並提供背景主題（Theme）設計。５. Server 端支援 PHP、Web Service、ASP、ASP.NET、Ruby On Rail…等。６. 大幅降低美工人員的負擔。但目前 EXT也不是沒有缺點。缺點：１.尚未有IDE 的開發環境。２.缺乏詳細文件。
EXT簡介
使用EXT需具備什麼條件呢？１. 對javascript 有一定程度的了解，且需具備DOM（Document Object Model）的觀念。２. XML或JSON…等資料交換格式的概念。
EXT資源
．官方網站：http://www.extjs.com．Jack Slocum Blog：http://www.jackslocum.com/blog/index.php．EXT Forum：http://extjs.com/forum/．大陸（簡）：http://www.ajaxjs.com/yuicn/
建置EXT
1.下載API and Examples (http://www.extjs.com/download)。2.在wwwroot 新增MyExt的子目錄，將其解壓縮。3.至Internet Information Services設定MyExt為一個WebSite。4.http://localhost/MyExt/doc/index.html建置完成後，會看到以下的畫面，這樣就可以使用這些範例了。