深入淺出Ext JS(第2版)

深入淺出Ext JS(第2版)

《深入淺出ExtJS(第2版)》是2010年人民郵電出版社出版的圖書,作者是徐會生、康愛媛、何啟偉。

基本介紹

  • 書名:深入淺出Ext JS(第2版)
  • 作者:徐會生、康愛媛、何啟偉
  • ISBN:9787115226372 
  • 頁數:488
  • 出版社:人民郵電出版社
  • 出版時間:2010年5月
  • 開本:16開
  • 叢書名:圖靈程式設計叢書 Web 前端開發
  • 上架時間:2010-5-14
  • 版次:2-1
內容簡介,作者,目錄,

內容簡介

以用戶為中心的時代,套用的界面外觀變得越來越重要。然而,很多程式設計師都缺乏美術功底,要開發出界面美觀的套用實屬不易。ext js的出現,為廣大程式設計師解決了這一難題。它有豐富多彩的界面和強大的功能,是開發具有炫麗外觀的ria套用的最佳選擇。
本書是《深入淺出ext js》的升級版,涵蓋了最新發布的ext js 3.2新特性,並對上一版的內容進行增補,充實了示例代碼,同時補充了兩個功能強大的實例。特別是新增了如何最佳化基於ext的套用,提升載入速度,如何創建用戶擴展組件以及常用的第三方擴展件等內容。大家可以看到如何在ext中使用漂亮的圖表,盡情欣賞ext在性能方面實現的巨大突破,以及各種各樣的絢麗組件。
本書注重理論與實踐相結合,適合各層次web開發人員閱讀。

作者

徐會生 高級軟體工程師兼系統架構師,資深Java EE開發專家。他是國內探索Ext JS的先驅之一,精通UI開發,業餘時間為Family168撰寫了大量開源方面的教程。
何啟偉 擁有10餘年Java EE開發經驗,為銀行、醫療、菸草等各大行業成功開發了大量企業級套用。他用Ext JS和J2EE開發了一個強大的企業級套用框架——Ext Framework,在國內頗具影響力。同時,他還獨立開發了大量EXT擴展組件,深受廣大開發者歡迎。

目錄

第1章 ext概述 1
1.1 ext版本變遷 1
1.2 下載ext發布包 2
1.3 如何查看ext自帶的api和示例 2
1.4 為什麼有些示例必須放在伺服器上才能看到效果 3
1.5 hello world 3
1.5.1 直接使用下載的發布包 3
1.5.2 在項目中使用ext 4
1.6 為什麼頁面提示“找不到圖片” 5
1.7 輔助開發 5
1.7.1 調試工具firebug 5
1.7.2 開發利器spket 8
1.8 小結 12
第2章 ext框架基礎 13
2.1 ext的事件和類 13
2.1.1 自定義事件 13
2.1.2 瀏覽器事件 15
2.1.3 ext.lib.event 15
2.1.4 ext.util.observable 16
2.1.5 ext.eventmanager 19
.2.1.6 ext.eventobject 21
2.2 ext的核心組件 22
2.2.1 ext.component 22
2.2.2 ext.boxcomponent 25
2.2.3 ext.container 25
2.2.4 ext.panel 26
2.2.5 ext.tabpanel 26
2.3 小結 29
第3章 表格控制項 30
3.1 表格的特性簡介 30
3.2 製作一個簡單的表格 31
3.3 表格常用功能詳解 33
3.3.1 部分屬性功能 34
3.3.2 自主決定每列的寬度 35
3.3.3 讓表格支持按列排序 37
3.3.4 解決中文排序 38
3.3.5 顯示日期類型數據 40
3.4 表格渲染 41
3.5 給表格的行和列設定顏色 45
3.6 自動顯示行號和複選框 46
3.6.1 自動顯示行號 46
3.6.2 複選框 48
3.7 選擇模型 49
3.8 表格視圖——ext.grid.gridview 50
3.9 表格分頁 52
3.9.1 為表格添加分頁工具條 52
3.9.2 通過後台腳本獲得分頁數據 53
3.9.3 分頁工具條顯示在表格的頂部 57
3.9.4 讓ext支持前台分頁 57
3.10 後台排序 58
3.11 可編輯表格控制項——editorgrid 60
3.11.1 製作一個簡單的editorgrid 60
3.11.2 添加一行數據 62
3.11.3 保存修改結果 65
3.11.4 驗證editgrid中的數據 68
3.11.5 限制輸入數據的類型 72
3.12 屬性表格控制項——propertygrid 76
3.12.1 propertygrid 77
3.12.2 只能看不能動的propertygrid 78
3.12.3 強制對name列排序 78
3.12.4 根據name獲得value 79
3.12.5 自定義編輯器 79
3.13 分組表格控制項——group 79
3.13.1 分組表格簡介 80
3.13.2 分組表格視圖ext.grid.groupingview 81
3.14 可拖放的表格 83
3.14.1 拖放改變表格的大小 83
3.14.2 在同一個表格里拖放 85
3.14.3 表格之間的拖放 87
3.14.4 表格與樹之間的拖放 90
3.15 表格與右鍵選單 91
3.16 小結 93
第4章 表單與輸入控制項 94
4.1 製作表單 94
4.2 formpanel和basicform詳解 95
4.3 ext支持的控制項 95
4.3.1 控制項繼承圖 95
4.3.2 表單控制項 96
4.3.3 基本輸入控制項ext.form.field 99
4.3.4 文本輸入控制項ext.form.textfield 100
4.3.5 多行文本輸入控制項ext.form.textarea 101
4.3.6 日期輸入控制項ext.form.datefield 101
4.3.7 時間輸入控制項ext.form.timefield 102
4.3.8 線上編輯器ext.form.htmleditor 102
4.3.9 隱藏域ext.form.hidden 103
4.3.10 下拉輸入框ext.form.triggerfield 103
4.4 使用表單提交數據 105
4.4.1 ext默認的提交形式 105
4.4.2 使用html原始的提交形式 107
4.4.3 單純ajax 107
4.5 數據校驗 108
4.5.1 輸入不能為空 108
4.5.2 最大長度和最小長度 109
4.5.3 藉助vtype 109
4.5.4 自定義校驗規則 110
4.5.5 算不上校驗的numberfield 110
4.5.6 使用後台返回的校驗信息 111
4.6 表單布局 112
4.6.1 默認的平鋪布局 113
4.6.2 平行分列布局 113
4.6.3 在布局中使用fieldset 116
4.6.4 在fieldset中使用布局 118
4.6.5 自定義布局 119
4.7 combobox詳解 121
4.7.1 combobox簡介 122
4.7.2 將select轉換成combobox 123
4.7.3 combobox結構詳解 123
4.7.4 combobox讀取遠程數據 125
4.7.5 combobox的高級配置 126
4.7.6 監聽用戶選擇的數據 128
4.7.7 使用本地數據實現省、市、縣級聯 129
4.7.8 使用後台數據實現省、市、縣級聯 132
4.8 複選框和單選框 135
4.8.1 複選框 135
4.8.2 單選框 136
4.9 檔案上傳 137
4.10 自動把數據填充到表單中 138
4.11 小結 140
第5章 樹形結構 141
5.1 treepanel的基本使用 141
5.1.1 創建一棵樹 141
5.1.2 為樹生枝展葉 142
5.1.3 樹形的配置 143
5.1.4 使用treeloader獲得數據 144
5.1.5 讀取本地json數據 145
5.1.6 與struts 2進行集成 146
5.1.7 使用jsp提供後台數據 147
5.2 樹的事件 150
5.3 右鍵選單 151
5.4 修改節點的默認圖示 153
5.5 從節點彈出對話框 153
5.6 節點提示信息 154
5.7 為節點設定超連結 155
5.8 直接修改樹節點名稱 156
5.9 樹形的拖放 157
5.9.1 節點拖放的3種形式 158
5.9.2 葉子不能append 158
5.9.3 判斷拖放的目標 159
5.9.4 樹之間的拖放 161
5.10 樹形過濾器treefilter 161
5.11 利用treesorter對樹進行排序 164
5.12 樹形節點視圖——ext.tree.treenodeui 164
5.13 表格與樹形的結合——ext.ux.tree.columntree 166
5.14 小結 168
第6章 拖放 169
6.1 拖放簡介 169
6.2 拖放的簡單套用 169
6.3 拖放組件體系 170
6.4 拖放的事件 172
6.5 高級拖放 174
6.5.1 基礎 174
6.5.2 控制柄 174
6.5.3 總在最上面 175
6.5.4 代理 177
6.5.5 分組 178
6.5.6 格線 182
6.5.7 拖動圓形 183
6.5.8 拖動範圍 185
6.6 小結 186
第7章 彈出視窗 187
7.1 ext.messagebox 187
7.1.1 ext.messagebox.alert() 187
7.1.2 ext.messagebox.confirm() 188
7.1.3 ext.messagebox.prompt() 188
7.2 對話框的更多配置 189
7.2.1 可以輸入多行的輸入框 189
7.2.2 自定義對話框的按鈕 189
7.2.3 進度條 190
7.2.4 動畫效果 191
7.3 ext.window的常用屬性 191
7.3.1 創建視窗 192
7.3.2 視窗的最大化和最小化 193
7.3.3 視窗的隱藏與銷毀 194
7.3.4 防止視窗超出瀏覽器 195
7.3.5 設定視窗中的按鈕 196
7.3.6 視窗的其他配置選項 197
7.4 視窗分組 198
7.5 向視窗中放入各種控制項 200
7.5.1 在視窗中加入表格 200
7.5.2 在視窗中加入表單 201
7.5.3 複雜布局 202
7.6 小結 204
第8章 布局 205
8.1 布局的用途 205
8.2 最簡單的布局——fitlayout 207
8.3 常用的框線布局——borderlayout 209
8.3.1 設定子區域的大小 210
8.3.2 使用split並限制它的範圍 212
8.3.3 子區域的展開和摺疊 213
8.4 製作伸縮選單的布局——accordion 216
8.5 實現操作嚮導的布局——cardlayout 217
8.6 控制位置和大小的布局——anchorlayout和absolutelayout 219
8.7 表單專用的布局formlayout 223
8.8 分列式的布局columnlayout 225
8.9 表格狀的布局tablelayout 227
8.10 與布局相關的其他知識 228
8.10.1 超類ext.container的公共配置與xtype的概念 228
8.10.2 layout的超類ext.layout. containerlayout 229
8.10.3 不指定任何布局時會發生的情況 230
8.10.4 使用viewport對整個頁面進行布局 231
8.10.5 使用嵌套實現複雜布局 232
8.11 boxlayout 236
8.12 小結 237
第9章 工具條和選單 238
9.1 簡單選單 238
9.2 向選單中添加分隔線 239
9.3 多級選單 240
9.4 高級選單 242
9.4.1 多選選單和單選選單 242
9.4.2 日期選單 244
9.4.3 顏色選單 244
9.4.4 在選單中添加其他組件 245
9.4.5 使用ext.menu.menumgr統一管理選單 246
9.5 工具條組件詳解 248
9.5.1 ext.toolbar.button 248
9.5.2 ext.toolbar.textmenu 248
9.5.3 ext.toolbar.spacer 249
9.5.4 ext.toolbar.separator 250
9.5.5 ext.toolbar.fill 250
9.5.6 ext.splitbutton 251
9.5.7 為工具條添加html標籤 252
9.5.8 為工具條添加輸入控制項 253
9.6 分頁工具條ext.pagingtoolbar 253
9.6.1 ext.pagingtoolbar的基本用法 253
9.6.2 向ext.pagingtoolbar添加按鈕組件 254
9.7 右鍵彈出選單 255
9.8 小結 257
第10章 數據存儲與傳輸 258
10.1 ext.data命名空間下常用組件簡介 258
10.2 ext.data.connection 258
10.3 ext.data.record 260
10.4 ext.data.store 261
10.4.1 基本套用 261
10.4.2 對數據進行排序 262
10.4.3 從store中獲取數據 263
10.4.4 更新store中的數據 264
10.4.5 載入及顯示數據 265
10.4.6 其他功能 266
10.5 常用proxy 268
10.5.1 memoryproxy 268
10.5.2 httpproxy 268
10.5.3 scripttagproxy 268
10.6 常用reader 269
10.6.1 arrayreader 269
10.6.2 jsonreader 270
10.6.3 xmlreader 271
10.7 高級store 273
10.8 ext中的ajax 274
10.8.1 最容易看到的ext.ajax 274
10.8.2 ext.lib.ajax是更底層的封裝 275
10.9 關於scope和createdelegate() 276
10.10 dwr與ext整合 277
10.10.1 在ext中直接使用dwr 277
10.10.2 dwrproxy 279
10.10.3 dwrtreeloader 280
10.10.4 dwrproxy和combobox 281
10.11 localxhr支持本地使用ajax 282
10.12 小結 284
第11章 實用工具 285
11.1 ext提供的常用函式 285
11.1.1 onready函式 286
11.1.2 get函式 286
11.1.3 query函式和select函式 289
11.1.4 encode函式和decode函式 292
11.1.5 extend函式 294
11.1.6 apply函式和applyif函式 295
11.1.7 namespace函式 295
11.1.8 ext.isempty函式 296
11.1.9 ext.each函式 297
11.1.10 ext.domquery 298
11.2 使用domhelper和template動態生成html 301
11.2.1 使用domhelper生成小片段 301
11.2.2 ext.domhelper.applystyles函式 304
11.2.3 template(模板) 304
11.2.4 ext.domhelper.createtemplate函式 307
11.2.5 複雜模板xtemplate 308
11.3 用ext.utils.css切換主題 310
11.4 懸停提示 311
11.4.1 初始化 311
11.4.2 註冊提示 312
11.4.3 標籤提示 312
11.4.4 全局配置 312
11.4.5 個體配置 313
11.5 使用ext.state保存狀態 314
11.6 使用fx實現的動畫效果 317
11.7 局部更新網頁內容 319
11.8 使用ext.util.format對數據進行格式化 320
11.9 使用ext.util.css管理css樣式 321
11.10 使用ext.util.clickrepeater處理點擊事件 322
11.11 使用ext.util.delayedtask延時執行函式 323
11.12 使用ext.util.taskrunner執行循環任務 324
11.13 混合型集合ext.util.mixedcollection 325
11.14 使用ext.util.textmetrices獲得文本所占的高度和寬度 329
11.15 使用ext.keynav處理導航按鍵 330
11.16 使用ext.keymap為對象綁定按鍵功能 331
11.17 擴展 333
11.17.1 擴展date 333
11.17.2 擴展string 335
11.17.3 擴展function 336
11.17.4 擴展number 338
11.17.5 擴展array 338
11.18 門戶組件ext.ux.portal 338
11.19 桌面組件ext.desktop 341
11.20 小結 345
第12章 一個完整的ext套用 346
12.1 確定整體布局 347
12.2 使用html和css設定靜態信息 348
12.3 對學生信息進行數據建模 349
12.4 在頁面中顯示學生信息列表 353
12.5 添加表單編輯學生信息 358
12.6 為表單添加提交事件 361
12.7 清空表單信息 364
12.8 刪除指定的學生信息 364
12.9 在表格和表單之間進行數據互動 365
12.10 提升載入速度 366
12.10.1 對javascript檔案進行壓縮混淆 367
12.10.2 使用客戶端快取 367
12.10.3 使用gzip壓縮 368
12.11 小結 370
第13章 複雜實例 371
13.1 vip客戶統計系統 371
13.2 tracker任務跟蹤系統 380
13.3 小結 387
第14章 ext 3.x中的新特性 388
14.1 介紹ext core 388
14.1.1 adapter 388
14.1.2 core 389
14.1.3 data 389
14.1.4 util 389
14.1.5 擴展實例 390
14.2 介紹ext direct 392
14.2.1 ext direct 392
14.2.2 洞悉ext direct的原理 394
14.2.3 使用directjngine支持ext direct 396
14.3 介紹ext 3.0中新增的組件 398
14.3.1 行編輯器 399
14.3.2 進度條分頁組件 399
14.3.3 緩衝式表格視圖 400
14.3.4 標籤面板的滾動選單 401
14.3.5 處理工具條溢出 401
14.3.6 列表視圖 402
14.3.7 工具條中的分組按鈕 403
14.3.8 高級按鈕 403
14.3.9 豎直分組的標籤面板 404
14.4 在ext 3.0中使用flash報表 405
14.4.1 柱狀圖 405
14.4.2 橫向柱狀圖 406
14.4.3 折線圖 407
14.4.4 餅狀圖 408
14.4.5 柱狀棧圖 409
14.4.6 橫向柱狀棧圖 410
14.4.7 混合圖 411
14.5 ext 3.1帶來的新特性 412
14.5.1 解決記憶體泄露 413
14.5.2 核心組件最佳化 414
14.5.3 分組表頭 414
14.5.4 鎖定列 415
14.5.5 樹形表格 416
14.5.6 豎直布局 418
14.5.7 高級表格查詢 419
14.5.8 自定義編輯器 421
14.6 ext 3.2帶來的新特性 422
14.6.1 多重排序 423
14.6.2 為dataview添加動畫變換效果 423
14.6.3 組合表單控制項 424
14.6.4 滑動條表單控制項 424
14.6.5 為滑動條指定多個滑塊 425
14.6.6 更多工具條外掛程式 426
14.6.7 新主題accessibility 428
14.7 小結 428
第15章 用戶擴展與外掛程式 429
15.1 介紹用戶擴展 429
15.2 編寫用戶擴展所需的基礎知識 432
15.2.1 繼承模型 432
15.2.2 了解component的生命周期 436
15.3 編寫自定義用戶擴展 437
15.4 介紹ext的外掛程式體系 438
15.5 常用擴展組件(一)uploaddialog 441
15.6 常用擴展組件(二)managediframe 443
15.7 小結 446
附錄a ext常見問題 447
附錄b ext對air的支持 454
附錄c ext的版本變遷 462

相關詞條

熱門詞條

聯絡我們