深入淺出Ext JS（第3版）

第1章　Ext概述　 　1.1　何為Ext　 　1.1.1　Ext版本變遷　 　1.1.2　Ext到底是收費的還是免費的　 　1.2　下載Ext發(fā)布包　 　1.3　查看Ext自帶的API和示例　 　1.3.1　絢麗的產(chǎn)品文檔　 　1.3.2　豐富的組件庫　 　1.3.3　更多高級組件　 　1.4　第一個示例Hello World　 　1.4.1　直接使用下載的發(fā)布包　 　1.4.2　在項目中使用Ext　 　1.5　調(diào)試工具Firebug　 　1.6　開發(fā)中的常見問題　 　1.6.1　有些示例必須放在服務器上才能看到效果　 　1.6.2　IE瀏覽器逗號問題　 　1.6.3　Ext的漢化　 　1.7　小結　 第2章　Ext框架基礎　 　2.1　面向?qū)ο蟮幕A架構　 　2.1.1　創(chuàng)建新類　 　2.1.2　對象繼承　 　2.1.3　多重繼承　 　2.1.4　自動生成代碼　 　2.2　統(tǒng)一的組件模型　 　2.2.1　Ext.Component　 　2.2.2　Ext.Panel　 　2.2.3　Ext.Container　 　2.3　完善的事件機制　 　2.3.1　自定義事件　 　2.3.2　瀏覽器事件　 　2.3.3　Ext.EventObjectImpl　 　2.3.4　Ext.util.Observable　 　2.3.5　Ext.EventManager　 　2.4　小結　 第3章　表格控件　 　3.1　表格的特性簡介　 　3.2　制作一個簡單的表格　 　3.3　表格常用功能詳解　 　3.3.1　部分屬性功能　 　3.3.2　自主決定每列的寬度　 　3.3.3　讓表格支持按列排序　 　3.3.4　解決中文排序　 　3.3.5　顯示日期類型數(shù)據(jù)　 　3.4　表格渲染　 　3.5　給表格的行和列設置顏色　 　3.6　自動顯示行號和復選框　 　3.6.1　自動顯示行號　 　3.6.2　復選框　 　3.7　選擇模型　 　3.8　表格視圖——Ext.grid.GridView　 　3.9　表格分頁　 　3.9.1　為表格添加分頁工具條　 　3.9.2　通過后臺腳本獲得分頁數(shù)據(jù)　 　3.9.3　分頁工具條顯示在表格的頂部　 　3.9.4　讓Ext支持前臺分頁　 　3.10　后臺排序　 　3.11　多重排序　 　3.12　可編輯表格控件——EditorGrid　 　3.12.1　制作一個簡單的EditorGrid　 　3.12.2　添加一行數(shù)據(jù)　 　3.12.3　保存修改結果　 　3.12.4　限制輸入數(shù)據(jù)的類型　 　3.13　屬性表格控件——PropertyGrid　 　3.13.1　簡介　 　3.13.2　只能看不能動的PropertyGrid　 　3.14　分組表格控件——GroupingGrid　 　3.14.1　分組表格簡介　 　3.14.2　分組表格視圖　 　3.15　可拖放的表格　 　3.15.1　通過拖放改變表格的大小　 　3.15.2　在同一個表格里拖放　 　3.15.3　表格之間的拖放　 　3.16　表格與右鍵菜單　 　3.17　基于表格的擴展插件　 　3.17.1　行編輯器　 　3.17.2　進度條分頁組件　 　3.17.3　緩沖式表格視圖　 　3.17.4　分組表頭　 　3.17.5　鎖定列　 　3.17.6　樹形表格　 　3.17.7　表格過濾組件　 　3.18　小結　 第4章　表單與輸入控件　 　4.1　制作表單　 　4.2　FormPanel和BasicForm詳解　 　4.3　Ext支持的輸入組件　 　4.3.1　控件繼承圖　 　4.3.2　表單控件　 　4.3.3　基本輸入控件Ext.form.Field　 　4.3.4　文本輸入控件Ext.form.TextField　 　4.3.5　多行文本輸入控件Ext.form.TextArea　 　4.3.6　日期輸入控件Ext.form.DateField　 　4.3.7　時間輸入控件Ext.form.TimeField　 　4.3.8　在線編輯器Ext.form.HtmlEditor　 　4.3.9　隱藏域Ext.form.Hidden　 　4.3.10　如何使用input type= "image"　 　4.4　ComboBox詳解　 　4.4.1　ComboBox簡介　 　4.4.2　將Select轉(zhuǎn)換成ComboBox　 　4.4.3　ComboBox結構詳解　 　4.4.4　ComboBox讀取遠程數(shù)據(jù)　 　4.4.5　ComboBox的高級配置　 　4.4.6　監(jiān)聽用戶選擇的數(shù)據(jù)　 　4.4.7　使用本地數(shù)據(jù)實現(xiàn)省、市、縣級聯(lián)　 　4.4.8　使用后臺數(shù)據(jù)實現(xiàn)省、市、縣級聯(lián)　 　4.4.9　添加MultiSelect和ItemSelector擴展以及示例　 　4.5　復選框和單選按鈕　 　4.5.1　復選框　 　4.5.2　單選按鈕　 　4.5.3　CheckboxGroup和RadioGroup控件　 　4.6　滑動條表單控件　 　4.7　表單布局　 　4.7.1　默認的平鋪布局　 　4.7.2　平行分列布局　 　4.7.3　在布局中使用fieldset　 　4.7.4　在fieldset中使用布局　 　4.7.5　自定義布局　 　4.8　數(shù)據(jù)校驗　 　4.8.1　輸入不能為空　 　4.8.2　最大長度和最小長度　 　4.8.3　借助vtype　 　4.8.4　自定義校驗規(guī)則　 　4.8.5　算不上校驗的NumberField　 　4.8.6　使用后臺返回的校驗信息　 　4.9　使用表單提交數(shù)據(jù)　 　4.9.1　Ext默認的提交形式　 　4.9.2　使用HTML原始的提交形式　 　4.9.3　單純Ajax　 　4.9.4　文件上傳　 　4.9.5　文件上傳控件　 　4.10　自動把數(shù)據(jù)填充到表單中　 　4.11　小結　 第5章　樹形結構　 　5.1　TreePanel的基本使用　 　5.1.1　創(chuàng)建一棵樹　 　5.1.2　為樹添加枝和葉　 　5.1.3　樹形的配置　 　5.1.4　使用TreeStore獲得數(shù)據(jù)　 　5.1.5　使用JSP提供后臺數(shù)據(jù)　 　5.1.6　通過XML加載樹形　 　5.2　樹的事件　 　5.3　右鍵菜單　 　5.4　修改節(jié)點的默認圖標　 　5.5　從節(jié)點彈出對話框　 　5.6　節(jié)點提示信息　 　5.7　為節(jié)點設置超鏈接　 　5.8　樹形的拖放　 　5.8.1　節(jié)點拖放的3種形式　 　5.8.2　葉子不能append　 　5.8.3　判斷拖放的目標　 　5.8.4　樹之間的拖放　 　5.9　對樹進行排序　 　5.10　帶Checkbox的樹形　 　5.11　表格與樹形的結合　 　5.12　更多樹形的高級應用　 　5.12.1　如何選中樹的某個節(jié)點　 　5.12.2　刷新樹的所有節(jié)點　 　5.12.3　借用grid的緩沖視圖插件　 　5.12.4　借用grid的鎖定插件　 　5.13　小結　 第6章　布局　 　6.1　布局的用途　 　6.2　最簡單的布局——FitLayout　 　6.3　常用的邊框布局——BorderLayout　 　6.3.1　設置子區(qū)域的大小　 　6.3.2　使用split并限制它的范圍　 　6.3.3　子區(qū)域的展開和折疊　 　6.4　制作伸縮菜單的布局——Accordion　 　6.5　實現(xiàn)操作向?qū)У牟季帧狢ardLayout　 　6.6　控制位置和大小的布局——AnchorLayout和AbsoluteLayout　 　6.7　表單專用的布局——FormLayout　 　6.8　分列布局——ColumnLayout　 　6.9　表格狀布局——TableLayout　 　6.10　BoxLayout——HBox　 　6.11　BoxLayout——VBox　 　6.12　Ext.TabPanel　 　6.12.1　標簽面板的滾動菜單　 　6.12.2　豎直分組的標簽面板　 　6.13　與布局相關的其他知識　 　6.13.1　超類Ext.Container的公共配置與xtype的概念　 　6.13.2　layout的超類Ext.layout.ContainerLayout　 　6.13.3　不指定任何布局時會發(fā)生的情況　 　6.13.4　使用Viewport對整個頁面進行布局　 　6.13.5　使用嵌套實現(xiàn)復雜布局　 　6.14　小結　 第7章　彈出窗口　 　7.1　Ext.MessageBox　 　7.1.1　Ext.MessageBox.alert()　 　7.1.2　Ext.MessageBox.confirm()　 　7.1.3　Ext.MessageBox.prompt()　 　7.2　對話框的更多配置　 　7.2.1　可以輸入多行的輸入框　 　7.2.2　自定義對話框的按鈕　 　7.2.3　進度條　 　7.2.4　動畫效果　 　7.3　Ext.Window的常用屬性　 　7.3.1　創(chuàng)建窗口　 　7.3.2　窗口的最大化和最小化　 　7.3.3　窗口的隱藏與銷毀　 　7.3.4　防止窗口超出瀏覽器邊界　 　7.3.5　設置窗口中的按鈕　 　7.3.6　窗口的其他配置選項　 　7.4　窗口分組　 　7.5　向窗口中放入各種控件　 　7.5.1　在窗口中加入表格　 　7.5.2　在窗口中加入表單　 　7.5.3　復雜布局　 　7.6　小結　 第8章　工具條和菜單　 　8.1　簡單菜單　 　8.2　向菜單中添加分隔線　 　8.3　多級菜單　 　8.4　高級菜單　 　8.4.1　多選菜單和單選菜單　 　8.4.2　日期菜單　 　8.4.3　顏色菜單　 　8.4.4　在菜單中添加其他組件　 　8.4.5　使用Ext.menu.MenuMgr統(tǒng)一管理菜單　 　8.5　工具條組件詳解　 　8.5.1　Ext.Toolbar.Button　 　8.5.2　Ext.Toolbar.TextMenu　 　8.5.3　Ext.Toolbar.Spacer　 　8.5.4　Ext.Toolbar.Separator　 　8.5.5　Ext.Toolbar.Fill　 　8.5.6　Ext.Toolbar.SplitButton　 　8.5.7　為工具條添加HTML標簽　 　8.5.8　為工具條添加輸入控件　 　8.6　分頁工具條　 　8.6.1　Ext.PagingToolbar的基本用法　 　8.6.2　向Ext.PagingToolbar添加按鈕組件　 　8.7　右鍵彈出菜單　 　8.8　處理工具條溢出　 　8.9　工具條中的分組按鈕　 　8.10　更多工具條插件　 　8.11　狀態(tài)欄　 　8.12　小結　 第9章　數(shù)據(jù)存儲與傳輸　 　9.1　Ext.data命名空間下的常用組件簡介　 　9.2　Ext.data.Connection　 　9.3　Ext.data.Record　 　9.4　Ext.data.Store　 　9.4.1　基本應用　 　9.4.2　對數(shù)據(jù)進行排序　 　9.4.3　從store中獲取數(shù)據(jù)　 　9.4.4　更新store中的數(shù)據(jù)　 　9.4.5　加載及顯示數(shù)據(jù)　 　9.4.6　其他功能　 　9.5　常用Proxy　 　9.5.1　MemoryProxy　 　9.5.2　HttpProxy　 　9.5.3　ScriptTagProxy　 　9.6　常用Reader　 　9.6.1　ArrayReader　 　9.6.2　JsonReader　 　9.6.3　XmlReader　 　9.7　高級store　 　9.8　Ext中的Ajax　 　9.8.1　最容易看到的Ext.Ajax　 　9.8.2　使用Ajax獲取和提交數(shù)據(jù)時出現(xiàn)亂碼　 　9.9　關于scope和bind()　 　9.10　Ext Direct　 　9.10.1　簡介　 　9.10.2　洞悉Ext Direct的原理　 　9.10.3　使用directjngine支持Ext Direct　 　9.11　小結　 第10章　用戶擴展與插件　 　10.1　介紹用戶擴展　 　10.2　編寫用戶擴展所需的基礎知識　 　10.2.1　繼承模型　 　10.2.2　了解Component的生命周期　 　10.3　編寫自定義用戶擴展　 　10.4　介紹Ext的插件體系　 　10.5　常用擴展組件一：UploadDialog　 　10.6　常用擴展組件二：Ext.ux.IFrame　 　10.7　小結　 第11章　拖放　 　11.1　拖放簡介　 　11.2　拖放的簡單應用　 　11.3　拖放組件體系　 　11.4　拖放的事件　 　11.5　高級拖放　 　11.5.1　基礎　 　11.5.2　控制柄　 　11.5.3　總在最上面　 　11.5.4　代理　 　11.5.5　分組　 　11.5.6　網(wǎng)格　 　11.5.7　拖放圓形　 　11.5.8　拖放范圍　 　11.6　小結　 第12章　實用工具　 　12.1　Ext提供的常用函數(shù)　 　12.1.1　onReady()函數(shù)　 　12.1.2　以get開頭的函數(shù)　 　12.1.3　encode()函數(shù)和decode()函數(shù)　 　12.1.4　extend()函數(shù)　 　12.1.5　apply()函數(shù)和applyIf()函數(shù)　 　12.1.6　namespace()函數(shù)　 　12.1.7　Ext.each()函數(shù)　 　12.2　使用DomHelper和Template動態(tài)生成HTML　 　12.2.1　使用DomHelper生成小片段　 　12.2.2　Ext.DomHelper.apply Styles()函數(shù)　 　12.2.3　模板　 　12.2.4　Ext.DomHelper.create Template()函數(shù)　 　12.2.5　復雜模板XTemplate　 　12.3　圖形報表　 　12.3.1　柱狀圖　 　12.3.2　橫向柱狀圖　 　12.3.3　折線圖　 　12.3.4　餅狀圖　 　12.3.5　柱狀堆棧圖　 　12.3.6　橫向柱狀堆棧圖　 　12.3.7　混合圖　 　12.3.8　drawing　 　12.4　懸停提示　 　12.4.1　初始化　 　12.4.2　注冊提示　 　12.4.3　標簽提示　 　12.4.4　全局配置　 　12.4.5　個體配置　 　12.5　用Ext.Utils.CSS切換主題　 　12.6　使用fx實現(xiàn)動畫效果　 　12.7　小結　 第13章　一個完整的Ext應用　 　13.1　確定整體布局　 　13.2　使用HTML和CSS設置靜態(tài)信息　 　13.3　對學生信息進行數(shù)據(jù)建?！?　13.4　在頁面中顯示學生信息列表　 　13.5　添加表單編輯學生信息　 　13.6　為表單添加提交事件　 　13.7　清空表單信息　 　13.8　刪除指定的學生信息　 　13.9　在表格和表單之間進行數(shù)據(jù)交互　 　13.10　提升加載速度　 　13.10.1　對JavaScript進行壓縮混淆　 　13.10.2　使用客戶端緩存　 　13.10.3　使用GZIP壓縮　 　13.11　小結　 第14章　應用MVC　 　14.1　為啥要用MVC　 　14.2　應用MVC實例　 　14.3　綜合示例　 　14.3.1　整體布局　 　14.3.2　左側功能菜單　 　14.3.3　左側菜單與中央內(nèi)容聯(lián)動　 　14.3.4　顯示單個功能模塊　 　14.4　功能詳解　 　14.4.1　用戶模塊　 　14.4.2　組織機構模塊　 　14.4.3　特殊功能　 　14.5　小結