ExtJS初級培訓0–基礎知識篇
- ExtJS簡介
X) Ext是一個用javascript編寫，與後臺技術無關的前端ajax框架。因此，可以把Ext用在.Net、Java、Php等各種開發語言開發的應用中。
X) Ext最新版本是ext6.2
X) 包結構
開發的時候只要保留locale，resources和下面的js就夠了
X) 更同類型的js庫比較
YUI
Jquery UI
Easy UI
Dojo
bootstrap
AngularJs， Backone， Ember
Extjs的學習成本
Dojo叫好不叫座，背後大公司支持，申明式編程
Extjs的劣勢：包大，收費
2.使用說明
X) Ext對象
程序入口 onReady()
查找對象 get(),getDom(),getCmp()…
定義類和創建對象 define(), create()
事件管理 on(), un()
常用工具 isIE, isFF, isArray(), each(), encode()…
Ajax封裝 Ext.ajax
X) 組件
組件是指可以直接在頁面中創建的可視化組件，比如面板、選項板、表格、樹、窗口、菜單、工具欄、按鈕等等，在我們的應用程序中可以直接通過應用這些組件來實現友好、交互性強的應用程序的UI。
Ext的組件有上百種之多
沒有任何一個JS庫能超過他，並且還提供了手機端的控件。
小到一個input，大到一個tree都提供了對應的組件。
用純js的方式來實現，封裝了很多常用的工具方法，提供了原生UI不具有的能力。比如input，提供了自定義驗證，數據加載等
X) 創建組件的3種方式
使用new關鍵字
使用Ext.create()方法
使用xtype
顯式，隱式，一般用於items裏面
每個組件都提供了一個xtype的字符串，
X) 表格組件
可以直接在api 文檔裏面試驗
打開api先copy到本地來
按照本地的需求改，遇到不懂的看配置
X) 佈局
一般的容器類控件都是通過配置項items添加子控件的，這些子控件相對於父控件怎麼定位呢，這裏就要用到佈局。
某些容器類控件，它本身默認就集成了一種佈局方式，例如比較典型的是：Ext.container.Viewport 佈局控件，它其實就是一個border佈局的容器，還有Ext.form.Panel、Ext.tab.Panel等。
佈局很重要
對於ui來說，div+css是小菜一碟
對於java開發來說，就痛苦了
做網格首頁，調來調去，一個頁面要花一整天
還得考慮瀏覽器兼容問題，這個瀏覽器可以，那個不行
佈局是對容器的組件生效的，也就是說對一個容器設置了佈局，影響到的是他裏面的元素開發的時候，應該對UI有個大致的瞭解，最外層是容器，裏面是許多組件，組件的擺放我們要有個大致的概念，這樣才能選擇一個合適的佈局。
X) 數據包
Model: 數據實體模型
代表了應用系統中用的數據實體，比如用戶信息（User），產品信息（Product）等
Proxy: 數據代理
用於數據的讀取和保存，如通過ajax獲取服務端數據。包含了Reader和Writer，用於讀取原始數據到Model，或者將Model轉換爲指定格式的數據
Store: 數據集
保存Model對象的客戶端緩存，提供了過濾，排序，查找等功能，常用於數據模型和UI的數據接口。
X) 事件
監聽事件：listeners, handler, on()…
觸發事件：fireEvent()
刪除監聽：un()
掛起：suspendEvents()
恢復：resumeEvents()
- MVC架構
X) 類系統
Ext.define(className, { //類名
extend //繼承
members //成員屬性和方法
statics //靜態屬性和方法
constructor //構造函數
config //配置項
}, onClassCreated); //回調函數
