深入淺出Ext JS（第3版）

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