第5章面板及布局類ExtJS不但在Web開發中成功引入了豐富的組件，也引入了桌面程序中經常用到的面板及布局概念。這些概念的引入在很大程度上改變了傳統的Web開發方式，在第3章和第4章中主要學習了ExtJS支持的各種組件，本章將進一步學習ExtJS的面板（panel）及布局類。面板（panel）是ExtJS中一個很重要的概念，它相當于一幅畫板，我們可以在它上面放置需要的各種組件，并使用不同的布局類對組件的擺放位置進行格式化，掌握這些布局類的特點及使用方式是突破ExtJS頁面設計的關鍵，下面先來進行面板部分的學習。

由于開始準備的時候，就是按照傳統開發去做的，寫了一部分之后，有網友和同事提出：“為什么不用MVC模式”呢？這樣的問題讓我對目前傳統開發的心發生了一些細微變法，對啊，為什么不用MVC模式呢？我征求了一下同事及熱心網友的意見，都同意使用MVC模式開發。從而，我刪掉了原來所有目錄，重新按照MVC模式去組織目錄結構，很快的，目錄結構準備好了。那。。我們重新來過，使用EXTJS4.0的MVC模式，開發這套員工管理系統。給個簡稱吧。SMS（你懂得。呵呵！）。

Extjs4,創建Ext組件有了新的方式，就是Ext.create(....)，而且可以使用動態加載JS的方式來加快組件的渲染，我們再也不必一次加載已經達到1MB的ext-all.js了，本文介紹如何在EXTJS4中創建一個window。

ExtJs初期僅是對Yahoo! UI的對話框擴展，后來逐漸有了自己的特色，深受網友的喜愛。 發展至今， Ext除YUI外還支持Jquery、Prototype等的多種JS底層庫，讓大家自由地選擇。該框架完全基于純Html/CSS+JS技術，提供豐富的跨瀏覽器UI組件，靈活采用JSON/XML數據源開發，使得服務端表示層的負荷真正減輕，從而達到客戶端的MVC應用！

目前在Web應用程序開發領域，Ext JS框架已經逐漸被廣泛使用，它是富客戶端開發中出類拔萃的框架之一。在Ext的UI控件中，樹形控件無疑是最為常用的控件之一，它用來實現樹形結構的菜單。TreeNode用來實現靜態的樹形菜單，AsyncTreeNode用來實現動態的異步加載樹形菜單，后者最為常用，它通過接收服務器端返回來的JSON格式的數據，動態生成樹形菜單節點。

EXT核心API詳解

extjs實現多文件上傳uploaddialog for extjs3.x

window的創建Extjs4,創建Ext組件有了新的方式，就是Ext.create(....)，而且可以使用動態加載JS的方式來加快組件的渲染，我們再也不必一次加載已經達到1MB的ext-all.js了，本文介紹如何在EXTJS4中創建一個window。

Ext的產生，最早是在YUI的庫的基礎上擴展開來，因此Ext早期名字是YUI-Ext2006年秋天,發行了版本為0.33的YUI-Ext,而最終被證明為最后版本的代碼，年底之前，這個庫已大受歡迎,名字被簡化為Ext 2007年4月1日，發布1.0正式版2008年4月1日，ExtJS已發展涵蓋美國、日本、中國、法國、德國等全球范圍的用戶，版本為Ext-3.0 2009年4月14-16日的首次ExtConference中發布了Ext的3.0RC版本.

Ext.MessageBox介紹: Ext中的MessageBox是一種特殊的窗口，這種窗口配置很簡單，可以任意拖動、擺放，也可以使用任何控件；Ext.MessageBox提供的alert、confirm、prompt等對話框完全可以替代傳統使用alert、confirm、prompt等對話框

ExtJS是一個很不錯的Ajax框架，可以用來開發帶有華麗外觀的富客戶端應用，使得我們的b/s應用更加具有活力及生命力。ExtJS是一個用javascript編寫，與后臺技術無關的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各種開發語言開發的應用中。 最近我們在幾個應用都使用到了ExtJS，對公司以前開發的一個OA系統也正在使用ExtJS2.0進行改造，使得整個系統在用戶體驗上有了非常大的變化。本教程記錄了前段時間本人學習ExtJS的一些心得及小結，希望能幫助正在學習或準備學習ExtJS的朋友們快速走進ExtJS2.0的精彩世界。

在之前的一章中我們學習了如何在結構化的表格中顯示用戶可操作的數據。但是，這種表格有一個最大的限制，那就是用戶無法自己編輯表格中的數據。幸運的是，Ext提供了EditorGridPanel這一控件，它支持用戶對表格進行編輯——我們現在就對這一控件進行學習。它的工作形式類似于Excel，允許用戶在點擊單元格后進行數據的編輯操作。

本文對ExtJS項目中JS腳本的編碼的規范進行了定義，包括目錄結構、標準文件命名方式、文件功能和書寫格式等方面。本文閱讀對象包括但不限于技術研發中心全體開發人員、測試人員、項目經理。

EXTJS的缺點以及優點：EXTJS是有缺點的，缺點在于，由于過度的封裝，導致我們很難對其樣式有較大的改動，即使有所改動也很難達到預期的目標。EXTJS的優點也是顯而易見的，他有著豐富的控件庫，有著豐富的工具包，有著優美的語法。EXTJS很容易讓一個有Swing或者Winform編程經驗的人上手。有很多人甚至根本不用知道XMLHttpRequest和ActiveXObject就可以輕易的編寫AJAX程序。但是EXTJS是基于AJAX技術的，如果你不對AJAX有一個全面的了解，你可能會走不少的彎路，最終可能是知其然而不知其所以然。由于EXTJS的過度封裝，導致其組件的靈活性有所下降，在改變外觀樣式的時候，也經常出現弄巧成拙的事情。還有最重要的一點就是EXTJS體積，EXTJS的CSS樣式表文件加上主要的庫文件大約能達到800KB，這還不包括他的一些圖片文件。所以這方面還是EXTJS應該改進的地方。

布局就是指容器組件中子元素的分布、排列組合方式。Ext的所有容器組件都支持而局操作，每一個容器都會有一個對應的布局，布局負責管理容器組件中子元素的排列、組合及渲染方式等 ExtJS的布局基類為Ext.layout.ContainerLayout，其它布局都是繼承該類。ExtJS的容器組件包含一個layout及layoutConfig配置屬性，這兩個屬性用來指定容器使用的布局及布局的詳細配置信息，如果沒有指定容器組件的layout則默認會使用ContainerLayout作為布局，該布局只是簡單的把元素放到容器中，有的布局需要layoutConfig配置，有的則不需要layoutConfig配置。

不要使用extjs來開發，但是，一定要學習、研究它，研究它之后才會曉得，我們寫代碼應當這么寫才優美、才合適。研究了它后就應當選一款輕量型的框架了。然后自己寫組件。用以取代：Ext.Window、Ext.TabPanel、Ext.Panel這些好東西。