Ext JS http://extjs.com/

EXT JS 是一個非常優秀的Ajax框架，對於沒有美術排版功力的程式設計師來說，EXT解決了視覺上設計的難題與整合各式各樣常用的功能模組。

EXT框架基礎：

一.    事件和類別

1.      自訂事件：當某個事件被觸發時，EXT會自動呼叫對應的監聽器。

2.      瀏覽器事件：滑鼠按下、移動等事件，EXT事件機制與HTML元素對事件的處理差別的是，HTML是透過單一綁定，而EXT則是同一事件可以被綁定到多個事件處理。

二.    核心組件

1.      Ext.Component：EXT中所有元件的基礎類別。

元件大致上分三大類：

1.1基本元件：按鈕、調色盤、日期選擇按鈕等

1.2工具列組件：工具列分隔按鈕、工具列文字項等

1.3表單組件：輸入框、多選框、單選框、下拉清單等

所有Ext.Component的子類別分別都自動享有了標準EXT元件的生命週期，包括了建立、顯示和銷毀。所有的子類別，我們能放到layout中進行次局管理。

2.      Ext.BoxComponent：繼承Ext.Component，實現了定位和控制自身大小的功能。

3.      Ext.Container：繼承Ext.BoxComponent，提供了兩個重要的參數：

3.1 layout：指定當前元件使用何種佈局。

3.2 items：當前元件中的所有子元件。

4.      Ext.Panel：EXT中常用的一元件，可設定一個可拖放、可折疊、設定大小、位置、標題和內容的版面區塊。

5.      Ext.TabPanel：EXT中常用的一個元件，可設定為顯示的內容隨著你點的標籤變化的版面區塊。

EXT JS功能架構：

1.      Grid：包括排序、拖動、隱藏某一列、自動顯示行號、列加總、儲存格編輯等功能。

2.      Accessibility：無障礙設計，為視障人士提供屏幕閱讀器功能的組件。

3.      Tab：內容隨著你點的標籤變化的版面區塊。

4.      Chart：提供圓餅圖、折點圖、直條圖等。

5.      Window：除了常見的alert、confirm及prompt視窗外，還有輸入多行的輸入框、進度條視窗、等待視窗等，也提供了可放入各種控制像的視窗。

6.      Tree：提供多種Drag and Drop樹形結構，節點或枝葉可修改名稱、枝葉描述、節點提示等，另外樹形結構可與表格或表單結合。

7.      Layout：也就是佈局，決定把什麼東西放在什麼位置上。官網上也提供多種Layout模板，可直接套用。

8.      ComboBox：可與下拉清單做結合，產生動態的下拉選單或是關聯式下拉清單。ComBox也可以加入分頁功能，讓使用者可以使用分頁查看資料，也可運用在即時搜尋上。

9.      Form：基本的表單欄位外，加上了欄位驗證、自訂校驗規則功能，以及有日期輸入控制項、文字編輯器等。

10.  Toolbar and Menu：下拉式功能表、分組功能表、右鍵功能表、日期功能表、顏色功能表等。工具列組件有按鈕、文字項、空白元素、齊右填充（工具列元件以靠右對齊的方式排列在工具列右側）、分頁工具列等。

EXT JS目前在JavaScript framework中已經成為數一數二的開發平台。他所提供的元件，大幅的縮短介面開發時間，其專業的外觀，也解決了視覺設計排版上的困難，而在官方網站下載的套件皆有文件說明，還有豐富的範例展示，以及CSS供使用，如此面面俱到的套件，確實能讓幫助入門者快速上手，並且開發出專業的網站系統。