第1章 EXT概述 1 1.1 下載EXT發布包 1 1.2 如何查看EXT自帶的API和示例 1 1.3 為什麽有些示例必須放在服務器上才能看到效果 2 1.4 Hello World 2 1.4.1 直接使用下載的發布包 2 1.4.2 在項目中使用EXT 3 1.5 為什麽頁面提示找不到圖片 3 1.6 輔助開發 4 1.6.1 調試工具Firebug 4 1.6.2 開發利器Spket 7 1.7 本章小結 10 第2章 EXT框架基礎 11 2.1 EXT的事件和類 11 2.1.1 自定義事件 11 2.1.2 瀏覽器事件 13 2.1.3 Ext.lib.Event 13 2.1.4 Ext.util.Observable 14 2.1.5 Ext.EventManager 17 2.1.6 Ext.EventObject 19 2.2 EXT的核心組件 20 2.2.1 Ext.Component 20 2.2.2 Ext.BoxComponent 22 2.2.3 Ext.Container 23 2.2.4 Ext.Panel 24 2.2.5 Ext.TabPanel 24 2.3 本章小結 27 第3章 表格控件 28 3.1 Grid的特性簡介 28 3.2 制作壹個簡單的Grid 29 3.3 Grid常用功能詳解 32 3.3.1 部分屬性功能 32 3.3.2 自主決定每列的寬度 33 3.3.3 讓Grid支持按列排序 35 3.3.4 解決中文排序 35 3.3.5 顯示日期類型數據 37 3.4 在單元格裏顯示紅色的字、圖片和按鈕 38 3.5 給Grid的行和列設置顏色 41 3.6 自動顯示行號和復選框 42 3.6.1 自動顯示行號 43 3.6.2 復選框 44 3.7 選擇模型 45 3.8 表格視圖--Ext.grid.GridView 46 3.9 表格分頁 47 3.9.1 為Grid添加分頁工具條 48 3.9.2 通過後臺腳本獲得分頁數據 49 3.9.3 分頁工具欄顯示在Grid的頂部 51 3.9.4 讓EXT支持前臺排序 52 3.10 後臺排序 53 3.11 可編輯表格控件--EditorGrid 55 3.11.1 制作壹個簡單的EditorGrid 55 3.11.2 添加壹行數據 56 3.11.3 保存修改結果 58 3.11.4 驗證EditGrid中的數據 59 3.11.5 限制輸入數據的類型 60 3.12 屬性表格控件--PropertyGrid 63 3.12.1 PropertyGrid 64 3.12.2 只能看不能動的PropertyGrid 65 3.12.3 強制對name列排序 65 3.12.4 根據name獲得value 66 3.12.5 自定義編輯器 66 3.13 分組表格控件--group 66 3.13.1 分組表格簡介 67 3.13.2 分組表格視圖Ext.grid.GroupingView 68 3.14 可拖放的表格 69 3.14.1 拖放改變表格的大小 69 3.14.2 在同壹個表格裏拖放 70 3.14.3 表格之間的拖放 72 3.14.4 表格與樹之間的拖放 73 3.15 Grid與右鍵菜單 73 3.16 本章小結 74 第4章 表單與輸入控件 76 4.1 制作壹個表單 76 4.2 FormPanel和BasicForm詳解 77 4.3 EXT支持的控件 77 4.3.1 控件繼承圖 77 4.3.2 表單控件 78 4.3.3 基本輸入控件Ext.form.Field 78 4.3.4 文本輸入控件Ext.form.TextField 79 4.3.5 多行文本輸入控件Ext.form.TextArea 80 4.3.6 日期輸入控件Ext.form.DateField 80 4.3.7 時間輸入控件Ext.form.TimeField 81 4.3.8 在線編輯器Ext.form.HtmlEditor 81 4.3.9 隱藏域Ext.form.Hidden 82 4.3.10 下拉輸入框Ext.form.TriggerField 82 4.4 使用表單提交數據 83 4.4.1 EXT默認的提交形式 83 4.4.2 使用HTML原始的提交形式 85 4.4.3 單純Ajax 85 4.5 數據校驗 86 4.5.1 輸入不能為空 86 4.5.2 最大長度和最小長度 87 4.5.3 借助vtype 88 4.5.4 自定義校驗規則 88 4.5.5 算不上校驗的NumberField 88 4.5.6 使用後臺返回的校驗信息 89 4.6 表單布局 90 4.6.1 默認的平鋪布局 90 4.6.2 平行分列布局 91 4.6.3 在布局中使用fieldset 93 4.6.4 在fieldset中使用布局 95 4.6.5 自定義布局：在表單中加入圖片 96 4.7 ComboBox、datefield和timefield詳解 97 4.7.1 ComboBox簡介 98 4.7.2 將Select轉換成ComboBox 99 4.7.3 ComboBox結構詳解 99 4.7.4 使用遠程數據 101 4.7.5 ComboBox的高級配置 102 4.7.6 監聽用戶選擇了哪條數據 104 4.7.7 使用本地數據實現省、市、縣級聯 104 4.7.8 使用後臺數據實現省、市、縣級聯 107 4.8 復選框和單選框 110 4.8.1 復選框 110 4.8.2 單選框Radio 111 4.9 文件上傳 112 4.10 自動把數據填充到表單中 113 4.11 本章小結 114 第5章 樹形結構 116 5.1 TreePanel的基本使用 116 5.1.1 創建壹棵樹 116 5.1.2 為樹生枝展葉 117 5.1.3 tree的配置 118 5.1.4 使用TreeLoader獲得數據 119 5.1.5 讀取本地JSON數據 121 5.1.6 Struts 2的JsonPlugin 121 5.1.7 使用JSP提供後臺數據 122 5.2 樹的事件 125 5.3 右鍵菜單 126 5.4 修改節點的默認圖標 127 5.5 從節點彈出對話框 128 5.6 節點提示信息 129 5.7 為節點設置超鏈接 129 5.8 直接修改樹節點名稱 130 5.9 樹形的拖放 131 5.9.1 節點拖放的三種形式 131 5.9.2 葉子不能append 131 5.9.3 判斷拖放的目標 132 5.9.4 樹之間的拖放 134 5.10 樹形過濾器TreeFilter 135 5.11 利用TreeSorter對樹進行排序 137 5.12 樹形節點視圖--Ext.tree.TreeNodeUI 138 5.13 表格與樹形的結合--Ext.tree.ColumnTree 139 5.14 本章小結 142 第6章 拖放 143 6.1 拖放簡介 143 6.2 拖放的簡單應用 143 6.3 拖放組件體系 144 6.4 拖放的事件 146 6.5 高級拖放 148 6.5.1 Basic 148 6.5.2 Handle 149 6.5.3 On Top 150 6.5.4 Proxy 151 6.5.5 Group 152 6.5.6 Grid 154 6.5.7 Circle 155 6.5.8 Region 157 6.6 本章小結 158 第7章 彈出窗口 159 7.1 Ext.MessageBox 159 7.1.1 Ext.MessageBox.alert() 159 7.1.2 Ext.MessageBox.confirm() 160 7.1.3 Ext.MessageBox.prompt() 160 7.2 對話框的更多配置 161 7.2.1 可以輸入多行的輸入框 161 7.2.2 自定義對話框的按鈕 162 7.2.3 進度條 162 7.2.4 動畫效果 164 7.3 Ext.window的常用屬性 164 7.3.1 創建壹個窗口 164 7.3.2 窗口的最大化和最小化 165 7.3.3 窗口的隱藏與銷毀 167 7.3.4 防止窗口超出瀏覽器 167 7.3.5 設置窗口中的按鈕 169 7.3.6 窗口的其他配置選項 170 7.4 窗口分組 171 7.5 向窗口中放入各種控件 172 7.5.1 在窗口中加入表格 172 7.5.2 在窗口中加入表單 173 7.5.3 復雜布局 174 7.6 本章小結 176 第8章 布局 177 8.1 布局的用途 177 8.2 最簡單的布局FitLayout 179 8.3 常用的邊框布局BorderLayout 182 8.3.1 設置子區域的大小 184 8.3.2 使用split並限制它的範圍 185 8.3.3 子區域的展開和折疊 187 8.4 制作伸縮菜單的布局--Accordion 191 8.5 實現操作向導的布局--CardLayout 192 8.6 控制位置和大小的布局--AnchorLayout和AbsoluteLayout 194 8.7 表單專用的布局FormLayout 199 8.8 分列式的布局ColumnLayout 200 8.9 表格狀的布局TableLayout 202 8.10 與布局相關的其他知識 204 8.10.1 超類Ext.Conainter的公***配置與xtype的概念 204 8.10.2 layout的超類Ext.layout.ContainerLayout 205 8.10.3 不指定任何布局時會發生的情況 206 8.10.4 使用Viewport對整個頁面進行布局 206 8.10.5 使用嵌套實現復雜布局 207 8.11 本章小結 210 第9章 工具欄和菜單 211 9.1 簡單菜單 211 9.2 向菜單中添加分隔線 212 9.3 多級菜單 213 9.4 高級菜單 214 9.4.1 多選菜單和單選菜單 214 9.4.2 日期菜單 216 9.4.3 顏色菜單 216 9.4.4 Ext.menu.Adapter菜單適配器 217 9.4.5 使用Ext.menu.MenuMgr統壹管理菜單 220 9.5 工具欄組件詳解 220 9.5.1 Ext.Toolbar.Button 221 9.5.2 Ext.Toolbar.TextMenu 221 9.5.3 Ext.Toolbar.Spacer 222 9.5.4 Ext.Toolbar.Separator 222 9.5.5 Ext.Toolbar.Fill 223 9.5.6 Ext.Toolbar.SplitButton 223 9.5.7 為工具條添加HTML標簽 224 9.5.8 為工具條添加輸入控件 225 9.6 分頁工具條Ext.PagingToolbar 225 9.6.1 Ext.PagingToolbar的基本用法 225 9.6.2 向Ext.PagingToolbar添加按鈕組件 226 9.7 右鍵彈出菜單 227 9.8 本章小結 229 第10章 數據存儲與傳輸 230 10.1 Ext.data簡介 230 10.2 Ext.data.Connection 230 10.3 Ext.data.Record 232 10.4 Ext.data.Store 233 10.4.1 基本應用 233 10.4.2 對數據進行排序 234 10.4.3 從store中獲取數據 234 10.4.4 更新store中的數據 236 10.4.5 加載及顯示數據 237 10.4.6 其他功能 238 10.5 常用proxy 239 10.5.1 MemoryProxy 239 10.5.2 HttpProxy 240 10.5.3 ScriptTagProxy 240 10.6 常用Reader 241 10.6.1 ArrayReader 241 10.6.2 JsonReader 242 10.6.3 XmlReader 243 10.7 高級store 245 10.8 EXT中的Ajax 246 10.8.1 最容易看到的Ext.Ajax 246 10.8.2 Ext.lib.Ajax是更底層的封裝 247 10.9 關於scope和createDelegate() 247 10.10 DWR與EXT整合 249 10.10.1 在EXT中直接使用DWR 249 10.10.2 DWRProxy 250 10.10.3 DWRTreeLoader 252 10.10.4 DWRProxy和ComboBox 253 10.11 localXHR支持本地使用Ajax 254 10.12 本章小結 255 第11章 實用工具 256 11.1 EXT提供的常用函數 256 11.1.1 onReady函數 256 11.1.2 get函數 257 11.1.3 query函數和select函數 260 11.1.4 encode函數和decode函數 263 11.1.5 extend函數 265 11.1.6 apply和applyIf函數 266 11.1.7 namespace函數 266 11.1.8 Ext.isEmpty函數 267 11.1.9 Ext.each函數 268 11.1.10 Ext.DomQuery 269 11.2 用DomHelper和Template動態生成HTML 272 11.2.1 用DomHelper生成小片段 272 11.2.2 Ext.DomHelper.applyStyles函數 275 11.2.3 Template模板 276 11.2.4 Ext.DomHelper.createTemplate函數 278 11.2.5 復雜模板XTemplate 279 11.3 用Ext.Utils.CSS切換主題 281 11.4 懸停提示 282 11.4.1 初始化 282 11.4.2 註冊提示 283 11.4.3 標簽提示 283 11.4.4 全局配置 283 11.4.5 個體配置 284 11.5 使用Ext.state保存狀態 285 11.6 fx實現的動畫效果 288 11.7 局部更新網頁內容 288 11.8 Ext.util.Format 290 11.9 使用Ext.util.CSS管理CSS樣式 290 11.10 使用Ext.util.ClickRepeater處理點擊事件 291 11.11 使用Ext.util.DelayedTask延時執行函數 293 11.12 使用Ext.util.TaskRunner執行循環任務 294 11.13 混合型集合Ext.util.MixedCollection 295 11.14 使用Ext.util.TextMetrices獲得文本所占的高度和寬度 299 11.15 Ext.KeyNav處理導航按鍵 300 11.16 Ext.KeyMap為對象綁定按鍵功能 302 11.17 擴展 304 11.17.1 擴展Date 304 11.17.2 擴展String 306 11.17.3 擴展Function 306 11.17.4 擴展Number 308 11.17.5 擴展Array 308 11.18 Ext.ux.Portal 309 11.19 Ext.Desktop 312 11.20 本章小結 316 第12章 壹個完整的EXT應用 317 12.1 確定整體布局 317 12.2 使用HTML和CSS設置靜態信息 319 12.3 對學生信息進行數據建模 320 12.4 在頁面中顯示學生信息列表 324 12.5 添加表單編輯學生信息 329 12.6 為表單添加提交事件 332 12.7 清空表單信息 335 12.8 刪除指定的學生信息 336 12.9 在Grid和Form之間進行數據交互 337 12.10 本章小結 338 第13章 通過Ext Framework合理地應用EXT 339 13.1 Ext Framework簡介 339 13.2 Ext Framework架構解析 342 13.2.1 主要的第三方包 342 13.2.2 後臺類關系圖 342 13.2.3 前臺組件關系圖 344 13.3 本章小結 347 附錄A EXT常見問題 348 附錄B EXT對AIR的支持 355 附錄C EXT的版本變遷 364