Ext JS源碼分析與開發(fā)實(shí)例寶典

第1部分　快速入門
　第1章　Web如此美麗，初探Ext JS
　　1.1　Ext JS是什么
　　1.2　為什么選擇Ext JS
　　1.3　如何學(xué)習(xí)Ext JS
　　　1.3.1　獲取源碼并部署
　　　1.3.2　開發(fā)工具的智能提示
　　　1.3.3　文檔和實(shí)例的學(xué)習(xí)
　　　1.3.4　學(xué)習(xí)論壇
　　1.4　Ext JS體系結(jié)構(gòu)
　　　1.4.1　體系結(jié)構(gòu)
　　　1.4.2　文件結(jié)構(gòu)
　　1.5　小結(jié)
　第2章　Ext JS 3.0實(shí)例入門
　　2.1　準(zhǔn)備工作，配置環(huán)境
　　2.2　看似簡單的登錄頁面，隱藏好大的學(xué)問
　　　2.2.1　頁面布局
　　　2.2.2　表單布局
　　　2.2.3　驗(yàn)證碼
　　　2.2.4　表單驗(yàn)證
　　　2.2.5　表單提交
　　2.3　主框架頁面
　　　2.3.1　主框架頁面布局
　　　2.3.2　左邊導(dǎo)航菜單
　　　2.3.3　右邊工作區(qū)域
　 2.4　子頁面
　　　2.4.1　數(shù)據(jù)處理
　　　2.4.2　列表
　　2.5　小結(jié)
第2部分　核心技術(shù)
　第3章　Ext JS核心基礎(chǔ)
　　3.1　繼承的擴(kuò)展
　　　3.1.1　對(duì)象的繼承
　　　3.1.2　類的繼承
　　　3.1.3　Ext.extend擴(kuò)展
　　3.2　函數(shù)的擴(kuò)展
　　　3.2.1　從一個(gè)錯(cuò)誤說起
　　　3.2.2　函數(shù)的委托
　　3.3　數(shù)組及集合
　　　3.3.1　JavaScript數(shù)組
　　　3.3.2　Ext JS集合操作
　　3.4　String的轉(zhuǎn)換
　　　3.4.1　String轉(zhuǎn)換的基本知識(shí)
　　　3.4.2　String和JSON轉(zhuǎn)換
　　　3.4.3　查詢字符串與對(duì)象轉(zhuǎn)換
　　3.5　Date的使用
　　　3.5.1　日期格式化
　　　3.5.2　日期的比較及計(jì)算
　　3.6　定時(shí)任務(wù)
　　　3.6.1　有狀態(tài)的定時(shí)任務(wù)管理
　　　3.6.2　定時(shí)任務(wù)管理器
　　3.7　小結(jié)
　第4章　你必須知道的Ext JS事件機(jī)制
　　4.1　瀏覽器事件機(jī)制
　　4.2　Ext JS元素事件
　　　4.2.1　Event對(duì)象
　　　4.2.2　EventManager
　　4.3　基本事件擴(kuò)展
　　　4.3.1　DomReady處理
　　　4.3.2　快捷鍵的實(shí)現(xiàn)
　　　4.3.3　導(dǎo)航鍵的實(shí)現(xiàn)
　　　4.3.4　鼠標(biāo)按住事件
　　4.4　Ext JS組件事件
　　　4.4.1　事件對(duì)象
　　　4.4.2　組件的事件機(jī)制
　　　4.4.3　基于攔截的事件實(shí)現(xiàn)
　　　4.4.4　組件及元素事件結(jié)合
　　4.5　擴(kuò)展TabBox事件
　　　4.5.1　焦點(diǎn)
　　　4.5.2　擴(kuò)展TabBox導(dǎo)航
　　　4.5.3　自定義TabBox事件
　　4.6　小結(jié)
　第5章　模板模型，組件開發(fā)的基石
　　5.1　Ext JS模板概述
　　5.2　正則表達(dá)式基礎(chǔ)
　　　5.2.1　正則表達(dá)式引擎
　　　5.2.2　字符匹配
　　　5.2.3　選擇、分組及引用
　　5.3　正則表達(dá)式的使用
　　　5.3.1　exec和match
　　　5.3.2　replace函數(shù)
　5.4　基本模板
　　　5.4.1　模板的構(gòu)建
　　　5.4.2　應(yīng)用動(dòng)態(tài)數(shù)據(jù)
　　　5.4.3　編譯模板
　　5.5　擴(kuò)展模板
　　　5.5.1　實(shí)現(xiàn)原理
　　　5.5.2　編譯Xtemplate模板
　　　5.5.3　為Xtemplate應(yīng)用動(dòng)態(tài)數(shù)據(jù)
　　5.6　模板問題及改進(jìn)
　　　5.6.1　模板的問題
　　　5.6.2　問題的解決
　　5.7　通信錄的實(shí)現(xiàn)
　　　5.7.1　應(yīng)用DataView
　　　5.7.2　數(shù)據(jù)分頁和過濾
　　　5.7.3　通信錄中的信息
　　5.8　小結(jié)
　第6章　改善用戶體驗(yàn)，交互數(shù)據(jù)模型
　　6.1　Ajax請(qǐng)求
　　　6.1.1　從網(wǎng)絡(luò)通信協(xié)議開始
　　　6.1.2　手動(dòng)實(shí)現(xiàn)Ajax
　　　6.1.3　便利函數(shù)讓調(diào)用更加方便
　　　6.1.4　表單請(qǐng)求
　　　6.1.5　跨域請(qǐng)求
　　6.2　Direct請(qǐng)求
　　　6.2.1　Comet請(qǐng)求
　　　6.2.2　RPC請(qǐng)求
　　6.3　代理請(qǐng)求
　　　6.3.1　REST風(fēng)格
　　　6.3.2　代理請(qǐng)求的處理過程
　　　6.3.3　MemoryProxy的擴(kuò)展
　　6.4　數(shù)據(jù)解析的實(shí)現(xiàn)
　　　6.4.1　定義表結(jié)構(gòu)
　　　6.4.2　解析表數(shù)據(jù)
　　　6.4.3　數(shù)組解析的擴(kuò)展
　　6.5　數(shù)據(jù)回寫
　　　6.5.1　組裝請(qǐng)求參數(shù)
　　　6.5.2　保存之后更新
　　6.6　數(shù)據(jù)存儲(chǔ)
　　　6.6.1　構(gòu)建Store對(duì)象
　　　6.6.2　載入數(shù)據(jù)
　　　6.6.3　保存數(shù)據(jù)
　　6.7　DWR數(shù)據(jù)交互
　　　6.7.1　DWR請(qǐng)求擴(kuò)展
　　　6.7.2　DWR數(shù)據(jù)解析
　　　6.7.3　CRUD操作
　　6.8　小結(jié)
第3部分　基于元素的開發(fā)
　第7章　元素?cái)U(kuò)展，讓開發(fā)更靈活
　　7.1　Ext. DomHelper類
　　　7.1.1　元素創(chuàng)建
　　　7.1.2　元素插入
　　7.2　Ext.DomQuery類
　　　7.2.1　實(shí)現(xiàn)原理
　　　7.2.2　查詢及過濾實(shí)現(xiàn)
　　　7.2.3　編譯解析
　　7.3　Ext JS元素架構(gòu)
　　　7.3.1　Ext.Element元素
　　　7.3.2　Ext.CompositeElementLite
　　7.4　表單實(shí)例
　　　7.4.1　實(shí)現(xiàn)并載入表單
　　　7.4.2　計(jì)算相關(guān)費(fèi)用
　　7.5　小結(jié)
　第8章　Ext JS樣式的完美應(yīng)用
　　8.1　樣式基本操作
　　　8.1.1　創(chuàng)建元素
　　　8.1.2　元素定位
　　　8.1.3　可視及其他
　　8.2　JS操作樣式
　　　8.2.1　style的操作
　　　8.2.2　class的操作
　　　8.2.3　動(dòng)態(tài)加入CSS Rules
　　　8.2.4　重構(gòu)它們
　　8.3　Dimensions操作
　　　8.3.1　寬高操作
　　　8.3.2　坐標(biāo)定位操作
　　　8.3.3　重構(gòu)它們
　　8.4　相對(duì)定位與約束
　　　8.4.1　元素相對(duì)定位
　　　8.4.2　scroll定位
　　　8.4.3　Resize元素定位的實(shí)現(xiàn)
　　8.5　ImageCropper的實(shí)現(xiàn)
　　　8.5.1　創(chuàng)建容器
　　　8.5.2　創(chuàng)建三層圖片并載入
　　　8.5.3　初始化Resize和拖曳
　　　8.5.4　顯示選擇內(nèi)容
　　8.6　小結(jié)
　第9章　讓W(xué)eb頁面動(dòng)起來
　　9.1　動(dòng)畫的原理
　　　9.1.1　原理實(shí)現(xiàn)
　　　9.1.2　改進(jìn)的實(shí)現(xiàn)
　　9.2　Ext JS動(dòng)畫實(shí)現(xiàn)
　　　9.2.1　Ext JS動(dòng)畫管理器
　　　9.2.2　動(dòng)畫對(duì)象
　　9.3　動(dòng)畫的進(jìn)一步深入
　　　9.3.1　動(dòng)畫類型
　　　9.3.2　動(dòng)畫算法
　　　9.3.3　Fx特效處理
　　9.4　擴(kuò)展Ext JS矢量圖
　　　9.4.1　excanvas基本應(yīng)用
　　　9.4.2　excanvas高級(jí)應(yīng)用
　　9.5　交互式動(dòng)畫報(bào)表圖
　　　9.5.1　基本折線圖
　　　9.5.2　動(dòng)畫的實(shí)現(xiàn)
　　　9.5.3　交互式選擇的實(shí)現(xiàn)
　　　9.5.4　ToolTip的實(shí)現(xiàn)
　　9.6　小結(jié)
　第10章　拖曳技術(shù)，讓用戶也動(dòng)起來
　　10.1　Ext JS拖曳原理剖析
　　　10.1.1　如何選中元素
　　　10.1.2　如何實(shí)現(xiàn)鼠標(biāo)移動(dòng)位置
　　　10.1.3　如何確定元素目標(biāo)位置
　　10.2　Ext JS拖曳架構(gòu)
　　　10.2.1　拖曳共性處理
　　　10.2.2　拖曳個(gè)性處理
　　10.3　拖曳形式的選擇題應(yīng)用
　　　10.3.1　選擇題的實(shí)現(xiàn)
　　　10.3.2　選項(xiàng)拖曳的實(shí)現(xiàn)
　　10.4　拖曳高級(jí)擴(kuò)展
　　　10.4.1　拖曳元素狀態(tài)處理
　　　10.4.2　目標(biāo)元素狀態(tài)處理
　　　10.4.3　把拖曳目標(biāo)和拖曳元素綜合起來
　　10.5　拖曳定制流程
　　　10.5.1　基本的流程圖
　　　10.5.2　拖曳的實(shí)現(xiàn)
　　　10.5.3　拖曳的完善
　　10.6　小結(jié)
第4部分　深入組件的開發(fā)
　第11章　Ext JS組件模型的架構(gòu)解析
　　11.1　認(rèn)識(shí)Ext JS組件
　　11.2　生命周期設(shè)計(jì)
　　　11.2.1　初始化
　　　11.2.2　渲染表現(xiàn)
　　　11.2.3　銷毀組件，釋放系統(tǒng)資源
　　11.3　可擴(kuò)展性設(shè)計(jì)
　　　11.3.1　類繼承的支持
　　　11.3.2　事件的支持
　　　11.3.3　插件的支持
　　　11.3.4　可配置的支持
　　　11.3.5　模板方法的支持
　　11.4　可管理性設(shè)計(jì)
　　　11.4.1　全局統(tǒng)一管理
　　　11.4.2　組件類別管理
　　　11.4.3　內(nèi)部狀態(tài)管理
　　11.5　組件分析法
　　　11.5.1　生命周期分析
　　　11.5.2　配置項(xiàng)分析
　　　11.5.3　方法及屬性分析
　　　11.5.4　事件分析
　　　11.5.5　組件特性
　　11.6　如何自定義組件
　　　11.6.1　組件的需求
　　　11.6.2　按生命周期來編寫組件
　　　11.6.3　重構(gòu)
　　　11.6.4　編寫文檔
　　11.7　小結(jié)
　第12章　Ext JS面板，信息提示更人性化
　　12.1　浮動(dòng)層（Layer）
　　　12.1.1　shim實(shí)現(xiàn)
　　　12.1.2　shadow實(shí)現(xiàn)
　　　12.1.3　約束定位
　　　12.1.4　浮動(dòng)層顯示
　　12.2　容器（Container）布局
　　　12.2.1　生命周期分析
　　　12.2.2　容器特性
　　12.3　面板（Panel）布局
　　　12.3.1　面板組成
　　　12.3.2　面板樣式
　　　12.3.3　面板的折疊/展開
　　12.4　窗體（Window）布局
　　　12.4.1　最大最小化
　　　12.4.2　改變大小
　　　12.4.3　窗體顯示問題
　　12.5　工具提示
　　　12.5.1　Ext.Tip類
　　　12.5.2　Ext.ToolTip類
　　　12.5.3　Ext.QuickTip類
　　12.6　氣球提示（BalloonTip)
　　　12.6.1　實(shí)現(xiàn)BalloonTip組件
　　　12.6.2　進(jìn)一步完善
　 12.7　小結(jié)
　第13章　Ext JS 華麗的容器布局
　　13.1　認(rèn)識(shí)布局的流程
　　　13.1.1　布局概述
　　　13.1.2　布局的流程
　　13.2　Border布局
　　　13.2.1　如何渲染
　　　13.2.2　如何計(jì)算布局區(qū)域
　　　13.2.3　如何實(shí)現(xiàn)折疊與展開
　　13.3　錨定位布局
　　　13.3.1　AnchorLayout布局
　　　13.3.2　AbsoluteLayout布局
　　　13.3.3　FormLayout布局
　　13.4　自適應(yīng)布局
　　　13.4.1　FitLayout
　　　13.4.2　AccordionLayout
　　　13.4.3　CardLayout
　　13.5　表行列布局
　　　13.5.1　ColumnLayout
　　　13.5.2　RowLayout
　　　13.5.3　TableLayout
　　13.6　Box布局
　　13.7　如何擴(kuò)展TableFormLayout
　　13.8　小結(jié)
　第14章　Ext JS Form的交互式表單
　　14.1　FormPanel聚散地
　　　14.1.1　Form關(guān)系圖
　　　14.1.2　與BaseForm關(guān)聯(lián)
　　　14.1.3　與Field關(guān)聯(lián)
　　　14.1.4　驗(yàn)證操作
　　　14.1.5　數(shù)據(jù)處理
　　　14.1.6　FieldSet
　　14.2　Field組件
　　　14.2.1　Field的創(chuàng)建
　　　14.2.2　Field的驗(yàn)證
　　14.3　文本輸入組件
　　　14.3.1　單行文本輸入組件
　　　14.3.2　多行文本輸入組件
　　　14.3.3　文本編輯組件
　　14.4　選擇組件
　　　14.4.1　單個(gè)選擇組件
　　　14.4.2　選擇組
　　14.5　下拉組件
　　　14.5.1　TriggerField
　　　14.5.2　Combox
14.5.3　多選組件擴(kuò)展
　 14.6　注冊(cè)頁面的實(shí)現(xiàn)
　　　14.6.1　基本的Form組件應(yīng)用
　　　14.6.2　上傳處理
　　14.7　小結(jié)
　第15章　Ext Grid組件讓數(shù)據(jù)更直觀
　　15.1　認(rèn)識(shí)Ext JS 的Grid
　　　15.1.1　概述
　　　15.1.2　如何創(chuàng)建GridPanel
　　　15.1.3　GridPanel如何運(yùn)行
　　　15.1.4　可編輯的GridPanel
　　15.2　列模式
　　　15.2.1　CM分析
　　　15.2.2　CM的高級(jí)應(yīng)用
　　15.3　選擇模式
　　　15.3.1　RowSelectionModel
　　　15.3.2　CheckboxSelectionModel
　　15.4　視圖
　　　15.4.1　Grid生成HTML內(nèi)容
　　　15.4.2　如何構(gòu)建表結(jié)構(gòu)
　　　15.4.3　導(dǎo)入數(shù)據(jù)
　　　15.4.4　通過流程進(jìn)一步分析
　　15.5　分頁欄
　　　15.5.1　載入數(shù)據(jù)進(jìn)行顯示
　　　15.5.2　請(qǐng)求數(shù)據(jù)
　　15.6　對(duì)Grid的改進(jìn)
　　　15.6.1　下拉框編輯的問題
　　　15.6.2　嵌套表格的問題
　　　15.6.3　多表頭操作
　　15.7　單元格實(shí)現(xiàn)跨列運(yùn)算
　　　15.7.1　單元格多選模式
　　　15.7.2　公式統(tǒng)計(jì)計(jì)算
　　　15.7.3　應(yīng)用實(shí)例
　　15.8　小結(jié)
　第16章　深入Ext JS 的樹形展示
　　16.1　樹組件的原理
　　16.2　Ext JS樹組件的分析
　　　16.2.1　樹的創(chuàng)建
　　　16.2.2　樹的生命周期分析
　　16.3　樹組件節(jié)點(diǎn)
　　　16.3.1　基本節(jié)點(diǎn)
　　　16.3.2　TreeNode類
　　16.4　樹組件的事件
　　　16.4.1　事件的流程
　　　16.4.2　事件的選擇模式
　　16.5　完善樹的功能
　　　16.5.1　樹的數(shù)據(jù)
　　　16.5.2　編輯、過濾及排序
　　16.6　ECOTree的實(shí)現(xiàn)
　　　16.6.1　樹的基本實(shí)現(xiàn)
　　　16.6.2　節(jié)點(diǎn)的實(shí)現(xiàn)
　　　16.6.3　折疊、編輯、拖曳及其他完善
　　16.7　小結(jié)
　第17章　基于Ext JS Menu組件的快速開發(fā)
　　17.1　Action類
　　　17.1.1　Action類的作用
　　　17.1.2　Action類的運(yùn)行流程
　　17.2　Button類
　　　17.2.1　生命周期
　　　17.2.2　樣式處理
　　　17.2.3　狀態(tài)切換
　　17.3　開發(fā)個(gè)性的工具欄
　　　17.3.1　如何解析工具項(xiàng)
　　　17.3.2　如何進(jìn)行布局
　　　17.3.3　豎形工具欄的實(shí)現(xiàn)
　　17.4　自己來設(shè)計(jì)菜單欄
　　　17.4.1　菜單的顯示
　　　17.4.2　菜單的動(dòng)作
　　17.5　類UE編輯器的實(shí)現(xiàn)
　　　17.5.1　基本的編輯器
　　　17.5.2　活動(dòng)工具欄
　　17.6　小結(jié)