深入了解完整的 ExtJS 目錄

第 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 為什麽頁面提示找不到圖片？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 網格功能介紹 28 3.2 創建壹個簡單的網格 29 3.3 常用網格功能說明 32 3.3.1 部分屬性 32 3.3.2 自主決定網格的大小 32 3.3.3 網格控件的基本功能 32 3.3.4 網格控件的基本功能3.3.2 自動確定每壹列的寬度 33 3.3.4 Ext. 確定每壹列的寬度 33 3.3.3 使網格支持按列排序 35 3.3.4 解決中文排序問題 35 3.3.5 顯示日期類型數據 37 3.4 在單元格中顯示紅色文字、圖片和按鈕 38 3.5 為網格的行和列設置顏色 41 3.5.6 自動顯示行號和復選框6 自動顯示行號和復選框 42 3.6.1 自動顯示行號 43 3.6.2 選擇復選框 44 3.7 選擇行號和復選框 44 3.7 選擇行號和復選框 44 復選框 44 3.7 選擇模型 45 3.8 網格視圖 - Ext.grid.GridView 46 3.9 網格分頁 47 3.9.1 在網格中添加分頁工具欄 48 3.9.2 從後臺腳本中獲取分頁數據 49 3.9.3 分頁工具欄顯示在網格頂部 51 3.9.4 獲取 EXT 以支持前臺排序 52 3.10 後臺排序 53 3.11 可編輯網格控件 - EditorGrid 55 3.11.1 創建壹個簡單的 EditorGrid 55 3.11.2 在網格中添加數據行3.11.2 添加壹行數據 56 3.11.3 保存更改 58 3.11.4 驗證編輯網格中的數據 59 3.11.5 限制輸入數據類型 60 3.12 屬性網格控件 - PropertyGrid 63 3.12.1 屬性網格 64 3.12.2 不可移動屬性網格 65 3.12.3 強制對名稱列進行排序 65 3.12.4 根據名稱獲取值 66 3.12.4 按列排序 66 3.12.5 自定義編輯器 66 3.13 編輯網格控件 - EditorGrid5 自定義編輯器 66 3.13 編組控件 - 編組 66 編組網格控件 - 編組 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 表格之間拖放4 在表單和樹之間拖放 73 3.15 網格和右鍵菜單 73 3.16 本章小結 74 第 4 章表單和輸入控件 76 4.1 制作表單 76 4.2 詳細介紹 FormPanel 和 BasicForm 77 4.3 EXT 支持的控件 77 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 的原始提交表單 84 4.4.3 使用表單提交數據 84 4.4.3 使用表單提交數據 84 4.4.4 使用表單提交數據 84 4.4.5 提交表單4.8 復選框和單選框 110 4.8.1 復選框 110 4.8.2 單選框單選框 111 4.9 文件上傳 112 4.10 自動為表單填充數據 113 4.11 第 5 章小結 114 第 5 章樹狀結構 116 5.1 TreePanel 的基本用法 116 5.1.1 創建壹棵樹 116 5.1.2 樹的分支和樹葉 117 5.1.3 配置壹棵樹 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 樹事件 1255.2 樹事件 125 5.3 右鍵菜單 126 5.4 修改節點的默認圖標 127 5.5 從節點彈出對話框 128 5.6 節點提示信息 129 5.7 設置節點的超鏈接 129 5.8 直接修改樹節點的名稱 130 5.9 節點的拖放 125 5.10 節點的拖放 125 5.11 節點的拖放 125 5.12 節點的拖放9 樹的拖放 131 5.9.1 節點拖放的三種形式 131 5.9.2 葉子不能追加 131 5.9.3 確定拖放的目標 132 5.9.4 樹之間的拖放 134 5.10 樹過濾器 TreeFilter 135 5.11 使用 TreeSorter 對樹排序 137 5.11.1 樹節點的拖放 138 5.12 樹節點視圖 - ExtraModules12 樹節點視圖 - 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 拖放的簡單應用 145 6.5 拖放的簡單應用 146 6.6 拖放的簡單應用 147 6.7 拖放的簡單應用 148 6.8 拖放的簡單應用 1493 拖放組件體系結構 144 6.4 拖放事件 146 6.5 高級拖放 148 6.5.1 基本 148 6.5.2 處理 149 6.5.3 在頂部 150 6.5.4 代理 151 6.5.5 組 152 6.5.6 網格 154 6.5.7 圓圈 155 6.5.8 區域 157 6.5.9 區域 158 6.5.10 拖放組件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.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 隱藏和銷毀窗口 166 7.3.4 自定義對話框按鈕 167 7.3.5 自定義對話框按鈕 168 7.3.6 自定義對話框按鈕 169 7.3.7 自定義對話框按鈕 169 7.3.8 自定義對話框按鈕 1697.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.4 在窗口中添加控件 173 8.5.5 在窗口中添加控件 174 8.5.6 在窗口中添加控件 175 7.5.7 在窗口中添加控件8.3.1 設置子區域的大小 184 8.3.2 使用分割並限制其範圍 185 8.3.3 展開和折疊子區域 187 8.4 為可伸縮菜單創建布局--Accordion 191 8.5 實現操作向導的布局--CardLayout 192 8.6 控制位置的布局--BorderLayout8.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 用於布局的超類 Ext.layout.ContainerLayout 205 8.10.3 當您沒有指定任何布局時會發生什麽 206 8.10.4 使用 Viewport 布局整個頁面 206 8.10.5 使用嵌套實現復雜布局 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.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.MenuManager 213 9.5.5 Ext.Toolbar.MenuManager 2149.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.Toolbar 的基本用法： 1.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 從存儲中獲取數據 234 10.4.4 更新存儲中的數據 236 10.4.5 加載和顯示數據 237 10.4.6 其他功能 238 10.5 常用代理 238 10.5.1 MemoryProxy 239 10.5.2 HttpProxy 240 10.5.3 ScriptTagProxy 240 10.6 常用讀取器 241 10.6.1 ArrayReader 241 10.6.2 JsonReader 242 10.6.3 XmlReader 243 10.7 高級存儲 245 10.8 EXT 中的 Ajax 246 10.8.1 Ext.Ajax 246 10.8.1 最容易看到的 Ext.Ajax 246 10.8.2 Ext.lib.Ajax 作為底層封裝的 Ext.lib.Ajax 246 10.8.2 Ext.lib.Ajax 作為底層封裝的 Ext.lib.Ajax 246 10.8.3 Ext.lib.Ajax 作為底層封裝的 Ext.lib.Ajax 246 10.8.4 其它功能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 本章小結 25512 本章小結 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 函數 264 11.1.6 DWRProxy 和 ComboBox5 Extend 函數 265 11.1.6 apply 和 applyIf 函數 266 11.1.7 命名空間函數 266 11.1.8 Ext.isEmpty 函數 267 11.1.9 Ext.each 函數 268 11.1.10 動態生成 HTML 的 Ext.DomHelper 和模板 272 11.2.1 使用 DomHelper 生成代碼段 272 11.2.2 Ext.DomHelper 和模板2.2.2 Ext.DomHelper.applyStyles 函數 275 11.2.3 模板 276 11.2.4 Ext.createTemplate 函數 278 11.2.5 復雜模板 XTemplate 279 11.3 使用 Ext.Utils.CSS 切換主題 281 11.4 懸停提示 282 11.4.1 初始化 282 11.4.9 使用 Ext.util.CSS 管理 CSS 樣式 290 11.10 使用 Ext.util.ClickRepeater 處理點擊事件 290 11.11 使用 Ext.util.DelayedTask 執行函數 293 11.12 使用 Ext.util.TaskRunner 執行循環任務 294 11.13 混合集合 Ext.util.MixedCollection 295295 11.14 使用 Ext.util.TextMetrices 獲取文本占用的高度和寬度 299 11.15 Ext.KeyNav 處理導航鍵 300 11.16 Ext.KeyMap 將按鍵功能綁定到對象 302 11.17 擴展 304 11.17.1 擴展日期 304 11.17.2 擴展字符串 306 11.17.3 擴展函數 306 11.17.4 擴展數字 308 11.17.5 擴展數組 308 11.18 Ext.ux.Portal 309 11.19 Ext.Desktop 312 11.20 Ext.XML。12.7 清除表單信息 335 12.8 刪除指定的學生信息 336 12.9 網格與表單之間的數據交互 337 12.10 本章小結 338 第 13 章通過 Ext Framework 應用 EXT 339 13.1 Ext Framework 簡介 339 13.2 Ext Framework 架構詳解 342 13.1 Ext Framework 架構詳解 343 13.2 Ext Framework 架構詳解 344 13.3 Ext Framework 架構詳解345 13.2 Ext Framework 架構詳解 346 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