Ext JS權(quán)威指南（基于Ext 4.1）

前言
第1章　Ext JS 4開(kāi)發(fā)入門(mén) / 1
1.1　學(xué)習(xí)Ext JS必需的基礎(chǔ)知識(shí) / 1
1.2　JSON概述 / 3
1.2.1　認(rèn)識(shí)JSON /  3
1.2.2　JSON的結(jié)構(gòu) / 3
1.2.3　JSON的例子 / 4
1.2.4　在JavaScript中使用JSON / 4
1.2.5　在.NET中使用JSON / 8
1.2.6　在Java中使用JSON / 12
1.2.7　更多有關(guān)JSON的信息 / 15
1.3　Ext JS 4概述 / 15
1.4　Ext JS的開(kāi)發(fā)工具的獲取、安裝與配置介紹 / 18
1.4.1　Ext Designer / 18
1.4.2　在Visual Studio中實(shí)現(xiàn)智能提示 / 23
1.4.3　Spket / 28
1.4.4　在Eclipse中實(shí)現(xiàn)智能提示 / 32
1.5　如何獲得幫助 / 32
1.6　本章小結(jié) / 33
第2章　從“Hello World”開(kāi)始 / 34
2.1　獲取Ext JS 4 / 34
2.2　配置使用Ext JS庫(kù) / 35
2.3　編寫(xiě)“Hello World”程序 / 37
2.4　關(guān)于Ext.onReady  / 38
2.5　關(guān)于Ext.BLANK_IMAGE_URL / 40
2.6　關(guān)于字體 / 42
2.7　Ext JS 4語(yǔ)法 / 42
2.8　本地化 / 60
2.9　為本書(shū)示例準(zhǔn)備一個(gè)模板 / 60
2.10　本章小結(jié) / 61
第3章　調(diào)試工具及技巧 / 62
3.1　使用Firebug進(jìn)行調(diào)試 / 62
3.2　在IE中調(diào)試 / 76
3.2.1　使用Debugbar和Companion.js調(diào)試 / 76
3.2.2　使用IEtester測(cè)試 / 80
3.2.3　在IE 8或IE 9中調(diào)試 / 83
3.3　在Chrome中調(diào)試 / 84
3.4　調(diào)試工具的總結(jié) / 84
3.5　調(diào)試技巧 / 85
3.6　本章小結(jié) / 89
第4章　Ext JS的基礎(chǔ)架構(gòu) / 90
4.1　Ext JS框架的命名空間：Ext / 90
4.1.1　概述 / 90
4.1.2　apply和applyIf方法 / 90
4.1.3　不推薦的extend方法 / 92
4.1.4　數(shù)據(jù)及其類(lèi)型檢測(cè) / 95
4.1.5　其他的基礎(chǔ)方法 / 99
4.2　為框架順利運(yùn)行提供支持 / 107
4.2.1　平臺(tái)檢測(cè)工具：Ext.is / 107
4.2.2　當(dāng)前運(yùn)行環(huán)境檢測(cè)工具：Ext.supports / 109
4.3　Ext JS的靜態(tài)方法 / 112
4.3.1　概述 / 112
4.3.2　Ext.Object中的靜態(tài)方法 / 113
4.3.3　Ext.Function中的靜態(tài)方法 / 120
4.3.4　Ext.Array中的靜態(tài)方法 / 127
4.3.5　Ext.Error中的靜態(tài)方法 / 133
4.4　深入了解類(lèi)的創(chuàng)建及管理 / 135
4.4.1　開(kāi)始創(chuàng)建類(lèi) / 135
4.4.2　創(chuàng)建類(lèi)的類(lèi)：Ext.Class / 137
4.4.3　所有繼承類(lèi)的基類(lèi)：Ext.Base / 151
4.4.4　實(shí)現(xiàn)動(dòng)態(tài)加載：Ext.Loader / 151
4.4.5　管理類(lèi)的類(lèi)：Ext.ClassManager / 159
4.4.6　類(lèi)創(chuàng)建的總結(jié) / 161
4.5　動(dòng)態(tài)加載的路徑設(shè)置 / 163
4.6　綜合實(shí)例：頁(yè)面計(jì)算器 / 165
4.7　本章小結(jié) / 169
第5章　Ext JS的事件及其應(yīng)用 / 170
5.1　概述 / 170
5.2　瀏覽器事件 / 170
5.2.1　綁定瀏覽器事件的過(guò)程：Ext.EventManager / 170
5.2.2　封裝瀏覽器事件：Ext.EventObject / 179
5.2.3　移除瀏覽器事件 / 181
5.3　內(nèi)部事件 / 184
5.3.1　內(nèi)部事件對(duì)象：Ext.util.Event / 184
5.3.2　為組件添加事件接口：Ext.util.Observable / 188
5.3.3　為組件綁定事件 / 189
5.3.4　內(nèi)部事件的觸發(fā)過(guò)程 / 192
5.3.5　移除事件 / 194
5.4　特定功能的事件對(duì)象 / 196
5.4.1　延時(shí)任務(wù)：Ext.util.DelayedTask / 196
5.4.2　一般任務(wù)：Ext.util.TaskRunner與Ext.TaskManager / 198
5.4.3　封裝好的單擊事件：Ext.util.ClickRepeater / 200
5.5　鍵盤(pán)事件 / 201
5.5.1　為元素綁定鍵盤(pán)事件：Ext.util.KeyMap / 201
5.5.2　鍵盤(pán)導(dǎo)航：Ext.util.KeyNav / 204
5.6　綜合實(shí)例：股票數(shù)據(jù)的實(shí)時(shí)更新 / 205
5.7　本章小結(jié) / 214
第6章　選擇器與DOM操作 / 215
6.1　Ext JS的選擇器：Ext.DomQuery / 215
6.1.1　選擇器的作用 / 215
6.1.2　使用Ext.query選擇頁(yè)面元素 / 215
6.1.3　基本選擇符 / 223
6.1.4　屬性選擇符 / 229
6.1.5　CSS屬性值選擇符 / 234
6.1.6　偽類(lèi)選擇符 / 235
6.1.7　擴(kuò)展選擇器 / 248
6.1.8　Ext.DomQuery的使用方法 / 249
6.1.9　Ext JS選擇器的總結(jié) / 252
6.2　獲取單一元素：Ext.dom.Element / 252
6.2.1　從錯(cuò)誤開(kāi)始 / 252
6.2.2　使用Ext.get獲取元素 / 253
6.2.3　使用Ext.fly獲取元素 / 256
6.2.4　使用Ext.getDom獲取元素 / 257
6.2.5　獲取元素的總結(jié) / 258
6.3　元素生成器：Ext.dom.Helper / 258
6.3.1　概述 / 258
6.3.2　使用createHtml或markup方法生成HTML代碼 / 258
6.3.3　使用createDOM方法生成DOM對(duì)象 / 261
6.3.4　使用createTemplate方法創(chuàng)建模板 / 263
6.3.5　Helper對(duì)象的使用方法 / 263
6.4　元素的操作 / 273
6.5　獲取元素集合：Ext.CompositeElementLite與Ext.CompositeElement /277
6.5.1　使用Ext.select獲取元素集合 / 277
6.5.2　Ext.dom.CompositeElement與Ext.dom.CompositeElementLite的區(qū)別 /279
6.5.3　操作元素集合 / 279
6.6　綜合實(shí)例：可折疊的面板Accordion / 280
6.7　本章小結(jié) / 283
第7章　數(shù)據(jù)交互 / 284
7.1　數(shù)據(jù)交互基礎(chǔ) / 284
7.1.1　Ajax概述 / 284
7.1.2　封裝Ajax：Ext.data.Connection與Ext.Ajax / 284
7.1.3　使用Ajax / 291
7.1.4　跨域獲取數(shù)據(jù)：Ext.data.JsonP / 295
7.1.5　為Element對(duì)象提供加載功能：Ext.ElementLoader / 295
7.1.6　為組件提供加載功能：Ext.ComponentLoader / 296
7.2　代理 / 299
7.2.1　代理概述 / 299
7.2.2　基本的代理：Ext.data.proxy.Proxy / 300
7.2.3　進(jìn)行批量操作：Ext.data.Batch與Ext.data.Operation / 303
7.2.4　服務(wù)器端代理：Ext.data.proxy.Server / 305
7.2.5　使用Ajax處理數(shù)據(jù)的代理：Ext.data.proxy.Ajax與Ext.data.proxy.Rest /308
7.2.6　跨域處理數(shù)據(jù)的代理：Ext.data.proxy.JsonP / 312
7.2.7　為Ext.Direct服務(wù)的代理：Ext.data.proxy.Direct / 312
7.2.8　客戶端代理：Ext.data.proxy.Client / 314
7.2.9　從變量中提取數(shù)據(jù)的代理：Ext.data.proxy.Memory / 314
7.2.10　使用瀏覽器存儲(chǔ)的代理：Ext.data.WebStorageProxy、Ext.data.SessionStorageProxy和Ext.data.proxy.LocalStorage / 314
7.3　讀取和格式化數(shù)據(jù) / 315
7.3.1　概述 / 315
7.3.2　數(shù)據(jù)的轉(zhuǎn)換過(guò)程：Ext.data.reader.Xml、Ext.data.reader.Json和Ext.data.reader.Array/ 315
7.3.3　Reader對(duì)象的配置項(xiàng) / 321
7.3.4　格式化提交數(shù)據(jù)：Ext.data.writer.Writer、Ext.data.writer.JSON和Ext.data.writer.Xml / 322
7.3.5　Writer對(duì)象的配置項(xiàng) / 325
7.4　數(shù)據(jù)模型 / 326
7.4.1　概述 / 326
7.4.2　數(shù)據(jù)類(lèi)型及排序類(lèi)型：Ext.data.Types與Ext.data.SortTypes / 326
7.4.3　數(shù)據(jù)模型的骨架——字段：Ext.data.Field / 330
7.4.4　數(shù)據(jù)集：Ext.util.AbstractMixedCollection與Ext.util.MixedCollection/ 330
7.4.5　數(shù)據(jù)驗(yàn)證及錯(cuò)誤處理：Ext.data.validations與Ext.data.Errors / 332
7.4.6　模型的關(guān)系：Ext.data.Association、Ext.data.HasManyAssociation和Ext.data.BelongsToAssociation/ 334
7.4.7　管理數(shù)據(jù)模型：Ext.AbstractManager與Ext.ModelManager / 336
7.4.8　定義數(shù)據(jù)模型：Ext.data.Model / 336
7.4.9　數(shù)據(jù)模型的定義過(guò)程 / 337
7.4.10　數(shù)據(jù)模型的創(chuàng)建 / 340
7.4.11　數(shù)據(jù)模型的配置項(xiàng)、屬性和方法 / 343
7.5　Store / 344
7.5.1　概述 / 344
7.5.2　Store對(duì)象的實(shí)例化過(guò)程 / 345
7.5.3　TreeStore對(duì)象的實(shí)例化過(guò)程 / 348
7.5.4　Ext.data.Store加載數(shù)據(jù)的方法 / 350
7.5.5　Ext.data.TreeStore加載數(shù)據(jù)的方法 / 354
7.5.6　Store的配置項(xiàng) / 358
7.5.7　Store的分頁(yè) / 359
7.5.8　Store的排序：Ext.util.Sorter與Ext.util.Sortable / 360
7.5.9　Store的過(guò)濾：Ext.util.Filter / 363
7.5.10　Store的分組：Ext.util.Grouper / 363
7.5.11　樹(shù)節(jié)點(diǎn)：Ext.data.NodeInterface與Ext.data.Tree / 364
7.5.12　Store的方法 / 366
7.5.13　Store的事件 / 368
7.5.14　Store管理器：Ext.data.StoreManager / 369
7.6　綜合實(shí)例 / 369
7.6.1　遠(yuǎn)程讀取JSON數(shù)據(jù) / 369
7.6.2　讀取XML數(shù)據(jù) / 378
7.6.3　Store的數(shù)據(jù)操作 / 379
7.7　本章小結(jié) / 384
第8章　模板與組件基礎(chǔ) / 385
8.1　模板 / 385
8.1.1　模板概述 / 385
8.1.2　Ext.Template的創(chuàng)建與編譯 / 385
8.1.3　格式化輸出數(shù)據(jù)：Ext.String、Ext.Number、Ext.Date和Ext.util.Format /389
8.1.4　超級(jí)模板：Ext.XTemplate（包括Ext.XTemplateParser和Ext.XTemplateCompiler）/ 393
8.1.5　模板的方法 / 396
8.2　組件的基礎(chǔ)知識(shí) / 396
8.2.1　概述 / 396
8.2.2　組件類(lèi)的整體架構(gòu) / 397
8.2.3　布局類(lèi)的整體架構(gòu) / 402
8.2.4　組件的創(chuàng)建流程 / 403
8.2.5　常用的組件配置項(xiàng)、屬性、方法和事件 / 415
8.3　為組件添加功能 / 418
8.3.1　為元素添加陰影：Ext.Shadow與Ext.ShadowPool / 418
8.3.2　為組件提供陰影和shim功能：Ext.Layer / 419
8.3.3　讓組件實(shí)現(xiàn)浮動(dòng)功能：Ext.util.Floating / 420
8.3.4　記錄組件狀態(tài)：Ext.state.Stateful / 420
8.3.5　實(shí)現(xiàn)調(diào)整大小功能：Ext.resizer.Resizer與Ext.resizer.ResizeTracker /420
8.3.6　為組件提供拖動(dòng)功能：Ext.util.ComponentDragger / 421
8.3.7　為組件實(shí)現(xiàn)動(dòng)畫(huà)功能：Ext.util.Animate / 422
8.3.8　其他的組件輔助功能類(lèi) / 423
8.4　組件的管理 / 423
8.4.1　組件管理及查詢(xún)：Ext.ComponentManager與Ext.ComponentQuery / 423
8.4.2　焦點(diǎn)管理：Ext.FocusManager / 424
8.4.3　z-order管理：Ext.ZindexManager與Ext.WindowManager / 425
8.4.4　狀態(tài)管理：Ext.state.Manager、Ext.state.Provider、Ext.state.Local-StorageProvider和Ext.state.CookieProvider/ 426
8.5　綜合實(shí)例 / 426
8.5.1　使用子模板 / 426
8.5.2　遞歸調(diào)用模板 / 428
8.6　本章小結(jié) / 429
第9章　容器、面板、布局和視圖 / 430
9.1　容器與布局的關(guān)系  / 430
9.2　容器 / 431
9.2.1　容器的創(chuàng)建過(guò)程：Ext.container.AbstractContainer與Ext.container.Container/ 431
9.2.2　Ext.container.AbstractContainer和Ext.container.Container的配置項(xiàng)、屬性、方法和事件/ 434
9.2.3　將body元素作為容器：Ext.container.Viewport / 435
9.3　面板 / 436
9.3.1　面板的結(jié)構(gòu) / 436
9.3.2　構(gòu)件的放置：dockedItems / 438
9.3.3　面板標(biāo)題欄構(gòu)件：Ext.panel.Header與Ext.panel.Tool / 438
9.3.4　記錄和恢復(fù)面板屬性：Ext.util.Memento / 439
9.3.5　面板常用的配置項(xiàng)、方法和事件 / 439
9.4　布局 / 441
9.4.1　布局概述 / 441
9.4.2　布局的運(yùn)行流程：Ext.layout.Layout / 441
9.4.3　容器類(lèi)布局基類(lèi)：Ext.layout.container.Container / 442
9.4.4　盒子布局、垂直布局與水平布局：Ext.layout.container.Box、Ext.layout.container.VBox與Ext.layout.container.HBox/ 442
9.4.5　為盒子模型提供調(diào)整大小的功能：Ext.resizer.Splitter / 445
9.4.6　手風(fēng)琴布局：Ext.layout.container.Accordion / 447
9.4.7　錨固布局：Ext.layout.container.Anchor / 448
9.4.8　絕對(duì)定位布局：Ext.layout.container.Absolute / 450
9.4.9　邊框布局：Ext.layout.container.Border / 451
9.4.10　自動(dòng)布局：Ext.layout.container.Auto / 453
9.4.11　表格布局：Ext.layout.container.Table / 454
9.4.12　列布局：Ext.layout.container.Column / 455
9.4.13　自適應(yīng)布局：Ext.layout.container.AbstractFit與Ext.layout.container.Fit/ 456
9.4.14　卡片布局：Ext.layout.container.AbstractCard與Ext.layout.container.Card/ 456
9.5　標(biāo)簽面板 / 458
9.5.1　標(biāo)簽面板的構(gòu)成及其運(yùn)行流程：Ext.tab.Panel、Ext.tab.Bar與Ext.tab.Tab /458
9.5.2　標(biāo)簽面板的配置項(xiàng)、屬性、方法和事件 / 462
9.5.3　使用標(biāo)簽頁(yè) / 463
9.5.4　可重用的標(biāo)簽頁(yè) / 465
9.6　視圖與選擇模型 / 465
9.6.1　視圖與選擇模型概述 / 465
9.6.2　視圖的運(yùn)行流程：Ext.view.AbstractView與Ext.view.View / 466
9.6.3　選擇模型的工作流程 / 475
9.6.4　選擇模型的配置項(xiàng)、屬性、方法和事件 / 480
9.6.5　視圖的配置項(xiàng)、屬性、方法和事件 / 482
9.6.6　使用視圖 / 484
9.7　頁(yè)面布局設(shè)計(jì) / 491
9.8　綜合實(shí)例 / 492
9.8.1　布局設(shè)計(jì)實(shí)例：仿Eclipse界面 / 492
9.8.2　在單頁(yè)面應(yīng)用中使用卡片布局實(shí)現(xiàn)“頁(yè)面”切換 / 496
9.9　本章小結(jié) / 498
第10章　重構(gòu)后的Grid / 500
10.1　Grid的基類(lèi)及其構(gòu)成 / 500
 10.1.1　概述 / 500
 10.1.2　表格面板的運(yùn)行流程：Ext.panel.Table / 500
 10.1.3　表格視圖的運(yùn)行流程：Ext.view.Table與Ext.view.TableChunker /505
 10.1.4　列標(biāo)題容器的運(yùn)行流程：Ext.grid.header.Container / 508
 10.1.5　列標(biāo)題的運(yùn)行流程：Ext.grid.column.Column / 510
 10.1.6　虛擬滾動(dòng)條的工作原理：Ext.grid.PagingScroller / 511
 10.1.7　鎖定列的運(yùn)行流程：Ext.grid.Lockable與Ext.grid.LockingView /516
10.2　使用Grid / 520
 10.2.1　最簡(jiǎn)單的Grid / 520
 10.2.2　列的配置項(xiàng) / 521
 10.2.3　自定義單元格的顯示格式 / 523
 10.2.4　通過(guò)列對(duì)象定義單元格的顯示格式 / 525
 10.2.5　設(shè)置行的背景顏色 / 532
 10.2.6　列標(biāo)題的分組 / 533
 10.2.7　使用鎖定列 / 534
 10.2.8　Grid的配置項(xiàng)、屬性、方法和事件 / 535
10.3　Grid的附加功能 / 537
  10.3.1　概述 / 537
  10.3.2　附加功能基類(lèi)：Ext.grid.featrue.Featrue / 537
  10.3.3　為行添加附加信息：Ext.grid.featrue.RowBody / 538
 10.3.4　數(shù)據(jù)匯總功能：Ext.grid.featrue.AbstractSummary與Ext.grid.featrue.Summary / 539
 10.3.5　分組功能：Ext.grid.featrue.Grouping / 543
 10.3.6　分組匯總功能：Ext.grid.featrue.GroupingSummary / 545
10.4　可編輯的Grid / 546
 10.4.1　概述 / 546
 10.4.2　Grid實(shí)現(xiàn)可編輯功能的運(yùn)行流程：Ext.grid.plugin.Editing / 547
 10.4.3　單元格編輯的運(yùn)行流程：Ext.grid.plugin.CellEditing、Ext.grid.CellEditor與Ext.Editor/ 550
 10.4.4　行編輯的運(yùn)行流程：Ext.grid.plugin.RowEditing與Ext.grid.RowEditor/ 556
 10.4.5　在Grid中使用單元格編輯模式 / 561
 10.4.6　在Grid中使用行編輯模式 / 562
 10.4.7　Grid編輯插件的配置項(xiàng)、屬性、方法和事件 / 563
10.5　關(guān)于列表視圖：ListView / 564
10.6　屬性Grid / 564
 10.6.1　概述 / 564
 10.6.2　使用屬性Grid / 564
 10.6.3　自定義編輯組件 / 565
 10.6.4　PropertyGrid的配置項(xiàng)、屬性、方法和事件 / 566
10.7　綜合實(shí)例 / 567
 10.7.1　使用不同選擇模型的Grid以及設(shè)置默認(rèn)選擇行 / 567
 10.7.2　Grid的本地排序和過(guò)濾 / 569
 10.7.3　使用分頁(yè)工具條（PagingToolbar）實(shí)現(xiàn)遠(yuǎn)程分頁(yè)、排序和過(guò)濾 / 570
 10.7.4　使用分頁(yè)滾動(dòng)條（PagingScroller）實(shí)現(xiàn)遠(yuǎn)程分頁(yè)、排序和過(guò)濾 / 574
 10.7.5　使用CellEditing實(shí)現(xiàn)數(shù)據(jù)的增刪改 / 578
 10.7.6　使用RowEditing實(shí)現(xiàn)數(shù)據(jù)的增刪改 / 587
 10.7.7　主從表的顯示 / 589
10.8　本章小結(jié) / 595
第11章　與Grid同源的樹(shù) / 597
11.1　樹(shù)的構(gòu)成 / 597
 11.1.1　概述 / 597
 11.1.2　樹(shù)面板的運(yùn)行流程：Ext.tree.Panel / 597
 11.1.3　TreeStore的運(yùn)行流程：Ext.data.TreeStore / 600
 11.1.4　TreeColumn的運(yùn)行流程：Ext.tree.Column / 602
 11.1.5　視圖的運(yùn)行流程：Ext.tree.View與Ext.data.NodeStore / 602
 11.1.6　樹(shù)的選擇模型：Ext.selection.TreeModel / 603
11.2　樹(shù)的使用 / 603
 11.2.1　一個(gè)最簡(jiǎn)單的樹(shù) / 603
 11.2.2　樹(shù)節(jié)點(diǎn)的默認(rèn)字段 / 603
 11.2.3　為樹(shù)節(jié)點(diǎn)添加附加字段 / 604
 11.2.4　顯示多列數(shù)據(jù)（TreeGrid效果） / 605
 11.2.5　在樹(shù)中使用復(fù)選框 / 605
 11.2.6　樹(shù)的配置項(xiàng)、屬性、方法和事件 / 607
11.3　綜合實(shí)例 / 608
 11.3.1　樹(shù)的遠(yuǎn)程加載 / 608
 11.3.2　樹(shù)的動(dòng)態(tài)加載及節(jié)點(diǎn)維護(hù) / 610
 11.3.3　XML樹(shù)及節(jié)點(diǎn)維護(hù) / 617
 11.3.4　使用樹(shù)動(dòng)態(tài)控制Grid的顯示 / 622
11.4　本章小結(jié) / 625
第12章　表單 / 626
12.1　表單的構(gòu)成及操作 / 626
 12.1.1　表單面板的運(yùn)行流程：Ext.form.Panel與Ext.form.FieldAncestor /626
 12.1.2　表單面板的配置項(xiàng)、屬性、方法和事件 / 628
 12.1.3　表單的管理：Ext.form.Basic / 629
 12.1.4　BasicForm的配置項(xiàng)、屬性、方法和事件 / 635
 12.1.5　表單的操作：Ext.form.action.Action / 636
 12.1.6　加載操作的運(yùn)行流程：Ext.form.action.Load與Ext.form.action.DirectLoad/ 637
 12.1.7　提交操作的運(yùn)行流程：Ext.form.action.Submit、Ext.form.action.DirectSubmit與Ext.form.action.StandardSubmit/ 641
 12.1.8　字段的構(gòu)成 / 643
 12.1.9　BaseField的配置項(xiàng)、屬性、方法和事件 / 643
 12.1.10　常用的驗(yàn)證函數(shù)：Ext.form.field.VTypes / 647
12.2　使用字段 / 647
12.3　使用Trigger類(lèi)字段 / 664
 12.3.1　具有單擊功能的字段：Ext.form.field.Trigger / 664
 12.3.2　實(shí)現(xiàn)微調(diào)功能的Spinner字段 / 665
 12.3.3　使用NumberField字段 / 666
 12.3.4　下拉選擇類(lèi)字段的基類(lèi)：Ext.form.field.Picker / 667
 12.3.5　使用DateField字段 / 667
 12.3.6　使用TimeField字段 / 669
12.4　使用ComboBox字段 / 669
 12.4.1　概述 / 669
 12.4.2　BoundList對(duì)象的運(yùn)行流程 / 670
 12.4.3　ComboBox字段的配置項(xiàng)、屬性、方法和事件 / 671
 12.4.4　最簡(jiǎn)單的ComboBox / 672
 12.4.5　自定義列表顯示格式的ComboBox / 673
 12.4.6　動(dòng)態(tài)調(diào)整ComboBox的列表數(shù)據(jù) / 674
 12.4.7　實(shí)現(xiàn)ComboBox的聯(lián)動(dòng) / 676
 12.4.8　使用ComboBox的查詢(xún)功能 / 684
 12.4.9　設(shè)置ComboBox的默認(rèn)值 / 688
12.5　表單的驗(yàn)證和加載數(shù)據(jù) / 690
 12.5.1　表單的驗(yàn)證及錯(cuò)誤顯示方式 / 690
 12.5.2　為表單加載數(shù)據(jù) / 695
12.6　在表單中使用布局 / 701
 12.6.1　分列顯示表單的字段 / 701
 12.6.2　使用Fieldset作為列容器 / 703
 12.6.3　使用兩列布局加HtmlEditor的表單 / 704
 12.6.4　在表單中使用標(biāo)簽頁(yè) / 705
12.7　綜合實(shí)例：實(shí)現(xiàn)Products表的管理功能 / 706
12.8　本章小結(jié) / 715
第13章　窗口 / 716
13.1　窗口：Ext.window.Window. / 716
 13.1.1　窗口的構(gòu)成 / 716
 13.1.2　窗口的配置項(xiàng)、屬性、方法和事件 / 716
 13.1.3　使用窗口 / 718
 13.1.4　在窗口內(nèi)使用布局 / 719
13.2　信息提示窗口：Ext.window.MessageBox / 720
 13.2.1　概述 / 720
 13.2.2　信息提示窗口的構(gòu)成 / 720
 13.2.3　使用信息提示窗口 / 722
 13.2.4　信息提示窗口按鈕的本地化 / 723
 13.2.5　使用alert方法 / 724
 13.2.6　使用confirm方法 / 724
 13.2.7　使用progress方法 / 725
 13.2.8　使用prompt方法 / 726
 13.2.9　使用wait方法 / 727
 13.2.10　使用信息提示窗口要注意的問(wèn)題 / 727
13.3　綜合實(shí)例：實(shí)現(xiàn)登錄窗口 / 729
13.4　本章小結(jié) / 733
第14章　按鈕、菜單與工具條 / 734
14.1　按鈕 / 734
 14.1.1　按鈕的構(gòu)成：Ext.button.Button / 734
 14.1.2　按鈕的配置項(xiàng)、屬性、方法和事件 / 734
 14.1.3　使用按鈕 / 736
 14.1.4　帶分割線的按鈕：Ext.button.Split / 737
 14.1.5　多狀態(tài)按鈕：Ext.button.Cycle / 737
 14.1.6　按鈕組：Ext.container.ButtonGroup / 738
14.2　菜單及菜單項(xiàng) / 739
 14.2.1　Ext JS的菜單（Menu對(duì)象）是什么 / 739
 14.2.2　菜單管理器：Ext.menu.Manager / 740
 14.2.3　菜單項(xiàng)：Ext.menu.Item / 740
 14.2.4　可復(fù)選的菜單項(xiàng)：Ext.menu.CheckItem / 741
 14.2.5　菜單分隔條：Ext.menu.Separator / 741
 14.2.6　顏色選擇器菜單：Ext.menu.ColorPicker / 742
 14.2.7　日期選擇菜單：Ext.menu.DatePicker / 742
 14.2.8　使用菜單 / 742
14.3　工具欄及工具欄組件 / 743
 14.3.1　工具欄：Ext.toolbar.Toolbar / 743
 14.3.2　非交互式工具欄條目的基類(lèi)：Ext.toolbar.Item / 743
 14.3.3　文本項(xiàng)：Ext.toolbar.TextItem / 744
 14.3.4　填充項(xiàng)：Ext.toolbar.Fill / 744
 14.3.5　工具欄分隔條：Ext.toolbar.Separator / 744
 14.3.6　空白項(xiàng)：Ext.toolbar.Spacer / 744
 14.3.7　分頁(yè)工具欄：Ext.toolbar.Paging / 744
 14.3.8　使用工具欄 / 747
14.4　使用Ext.Action / 747
 14.4.1　概述 / 747
 14.4.2　Action對(duì)象配置項(xiàng)和方法 / 748
 14.4.3　使用示例 / 748
14.5　綜合實(shí)例：在Grid中使用右鍵菜單 / 750
14.6　本章小結(jié) / 752
第15章　圖形與圖表 / 753
15.1　基礎(chǔ)知識(shí) / 753
 15.1.1　SVG簡(jiǎn)介 / 753
 15.1.2　VML簡(jiǎn)介 / 754
15.2　圖形介紹 / 755
 15.2.1　概述 / 755
 15.2.2　畫(huà)布的工作流程：Ext.draw.Component / 755
 15.2.3　圖形引擎及接口：Ext.draw.Surface、Ext.draw.engine.Svg和Ext.draw.engine.Vml/ 757
 15.2.4　畫(huà)筆：Ext.draw.Sprite / 760
 15.2.5　圖層：Ext.draw.CompositeSprite / 760
 15.2.6　調(diào)色板：Ext.draw.Color / 760
 15.2.7　輔助對(duì)象：Ext.draw.Draw與Ext.draw.Matrix / 760
15.3　使用圖形功能 / 760
 15.3.1　簡(jiǎn)單的開(kāi)始 / 760
 15.3.2　DrawComponent對(duì)象的配置項(xiàng)、屬性、方法和事件 / 761
 15.3.3　Surface對(duì)象的配置項(xiàng)、屬性、方法和事件 / 761
 15.3.4　DrawSprite對(duì)象的配置項(xiàng)、屬性、方法和事件 / 762
 15.3.5　CompositeSprite對(duì)象的配置項(xiàng)、屬性、方法和事件 / 763
 15.3.6　使用基本圖形 / 764
 15.3.7　使用圖片 / 765
 15.3.8　使用路徑 / 766
 15.3.9　移動(dòng)、旋轉(zhuǎn)和縮放圖形 / 767
 15.3.10　使用漸變效果 / 770
 15.3.11　使用圖層 / 771
15.4　圖表介紹 / 772
 15.4.1　概述 / 772
 15.4.2　圖表的工作流程 / 773
15.5　使用圖表 / 776
 15.5.1　從一個(gè)簡(jiǎn)單例子開(kāi)始 / 776
 15.5.2　坐標(biāo)軸的配置項(xiàng) / 777
 15.5.3　Series對(duì)象的配置項(xiàng)、屬性、方法和事件 / 779
 15.5.4　折線圖的配置項(xiàng) / 780
 15.5.5　顯示多個(gè)折線圖及使用圖例 / 782
 15.5.6　使用面積圖 / 783
 15.5.7　簡(jiǎn)單條形圖（Bar和Column Chart）及使用標(biāo)簽（Label對(duì)象） / 785
 15.5.8　堆積條形圖 / 787
 15.5.9　分組條形圖 / 788
 15.5.10　自定義條形顏色 / 789
 15.5.11　使用散點(diǎn)圖 / 789
 15.5.12　使用餅圖 / 791
 15.5.13　自定義餅塊顏色 / 792
 15.5.14　使用表盤(pán)圖 / 792
 15.5.15　使用雷達(dá)圖 / 795
 15.5.16　使用時(shí)間軸 / 796
 15.5.17　實(shí)現(xiàn)實(shí)時(shí)動(dòng)態(tài)的圖表 / 797
 15.5.18　使用組合圖 / 800
 15.5.19　在圖表中使用背景 / 801
 15.5.20　在圖表中自定義主題 / 803
15.6　本章小結(jié) / 805
第16章　其他組件及實(shí)用功能 / 806
16.1　其他組件 / 806
16.2　使用滑塊 / 812
16.3　使用提示信息 / 814
16.4　實(shí)用功能 / 822
16.5　本章小結(jié) / 826
第17章　可簡(jiǎn)化通信的Ext.Direct / 827
17.1　準(zhǔn)備工作 / 827
17.2　Ext.Direct的工作原理及構(gòu)成 / 827
 17.2.1　工作原理 / 827
 17.2.2　Ext.Direct的構(gòu)成 / 828
 17.2.3　RemotingProvider對(duì)象的具體工作流程 / 829
 17.2.4　PollingProvider對(duì)象的具體工作流程 / 838
17.3　配置Ext.Direct的使用環(huán)境 / 839
 17.3.1　概述 / 839
 17.3.2　.NET環(huán)境的配置 / 839
 17.3.3　Java環(huán)境的配置 / 842
17.4　使用Ext.Direct / 846
 17.4.1　概述 / 846
 17.4.2　使用DirectProxy及進(jìn)行CURD操作 / 846
 17.4.3　使用Ext.Direct實(shí)現(xiàn)樹(shù)的動(dòng)態(tài)加載及節(jié)點(diǎn)維護(hù) / 854
 17.4.4　使用DirectLoad為表單加載數(shù)據(jù) / 858
 17.4.5　使用DirectSubmit提交表單及使用Session / 863
 17.4.6　使用Ext.Direct上傳文件 / 866
 17.4.7　使用PollingProvider對(duì)象 / 868
 17.4.8　錯(cuò)誤處理 / 871
17.5　本章小結(jié) / 872
第18章　動(dòng)畫(huà)功能 / 873
18.1　動(dòng)畫(huà)功能的構(gòu)成及工作流程 / 873
 18.1.1　概述 / 873
 18.1.2　動(dòng)畫(huà)功能的工作流程：Ext.fx.Anim / 874
 18.1.3　分步動(dòng)畫(huà)的工作流程：Ext.fx.Animator / 877
18.2　使用動(dòng)畫(huà) / 880
 18.2.1　由最簡(jiǎn)單的動(dòng)畫(huà)開(kāi)始 / 880
 18.2.2　過(guò)渡效果使用的功能函數(shù)介紹 / 880
 18.2.3　使用分步動(dòng)畫(huà) / 882
 18.2.4　注意的問(wèn)題 / 883
18.3　在Element對(duì)象中使用動(dòng)畫(huà) / 883
18.4　本章小結(jié) / 888
第19章　拖放功能 / 889
19.1　拖放功能的構(gòu)成及工作流程 / 889
 19.1.1　概述 / 889
 19.1.2　DragDropManager對(duì)象的工作流程 / 891
 19.1.3　注冊(cè)節(jié)點(diǎn)：Ext.dd.Registry / 893
 19.1.4　一般拖動(dòng)功能的工作流程：Ext.dd.DD / 894
 19.1.5　DragSource對(duì)象的工作流程 / 897
 19.1.6　DropTarget對(duì)象的工作流程 / 898
 19.1.7　DragZone對(duì)象的工作流程 / 899
 19.1.8　DropZone對(duì)象的工作流程 / 899
19.2　使用拖放功能 / 899
 19.2.1　最簡(jiǎn)單的拖動(dòng)效果 / 899
 19.2.2　使用DragSource對(duì)象與DropTarget對(duì)象 / 900
 19.2.3　使用DragZone對(duì)象與DropZone對(duì)象（使用Registry對(duì)象） / 902
 19.2.4　使用DragZone對(duì)象與DropZone對(duì)象（不使用Registry對(duì)象） / 903
 19.2.5　通過(guò)拖動(dòng)實(shí)現(xiàn)節(jié)點(diǎn)排序 / 904
 19.2.6　使用GridViewDropZonePlugin插件 / 905
 19.2.7　使用TreeViewDragDropPlugin插件 / 907
 19.2.8　關(guān)于Grid和Tree拖動(dòng)后的數(shù)據(jù)保存問(wèn)題 / 910
19.3　本章小結(jié) / 910
第20章　擴(kuò)展與插件 / 911
20.1　擴(kuò)展與插件的區(qū)別 / 911
20.2　擴(kuò)展與插件如何選擇 / 911
20.3　如何編寫(xiě)擴(kuò)展 / 911
 20.3.1　命名空間 / 911
 20.3.2　定義擴(kuò)展 / 912
 20.3.3　定義別名 / 912
 20.3.4　定義備用名 / 912
 20.3.5　要求加載的類(lèi)：requires與uses / 912
 20.3.6　混入功能 / 913
 20.3.7　構(gòu)造函數(shù)與initComponent方法 / 913
 20.3.8　靜態(tài)屬性和方法與單件模式 / 913
 20.3.9　可自動(dòng)生成set和get方法的屬性與initConfig方法 / 914
 20.3.10　在擴(kuò)展中常用的方法 / 914
 20.3.11　編寫(xiě)擴(kuò)展：TreeComboBox / 914
20.4　如何編寫(xiě)插件 / 920
 20.4.1　概述 / 920
 20.4.2　AbstractPlugin對(duì)象 / 921
 20.4.3　插件的別名 / 921
 20.4.4　編寫(xiě)插件：RowColor / 922
20.5　擴(kuò)展和插件介紹 / 923
 20.5.1　概述 / 923
 20.5.2　本地分頁(yè)代理：Ext.ux.data.PagingMemoryProxy / 923
 20.5.3　標(biāo)簽滾動(dòng)菜單：Ext.ux.TabScrollerMenu / 925
 20.5.4　編輯器TinyMCE / 926
20.6　本章小結(jié) / 928
第21章　主題開(kāi)發(fā) / 929
21.1　準(zhǔn)備工作 / 929
 21.1.1　安裝Ruby / 929
 21.1.2　安裝Compass / 930
 21.1.3　SASS介紹 / 931
21.2　為Ext JS 4創(chuàng)建新主題 / 933
 21.2.1　概述 / 933
 21.2.2　目錄結(jié)構(gòu) / 933
 21.2.3　修改配置 / 933
 21.2.4　編譯 / 935
 21.2.5　測(cè)試主題 / 935
21.3　通過(guò)ui配置項(xiàng)設(shè)置組件樣式 / 937
21.4　本章小結(jié) / 937
第22章　MVC應(yīng)用架構(gòu) / 938
22.1　MVC應(yīng)用架構(gòu)的構(gòu)成及工作流程 / 938
 22.1.1　構(gòu)成 / 938
 22.1.2　控制器的工作流程：Ext.app.Controller / 938
 22.1.3　Application對(duì)象的工作流程 / 940
22.2　一步一步實(shí)現(xiàn)MVC框架 / 942
 22.2.1　概述 / 942
 22.2.2　創(chuàng)建目錄 / 942
 22.2.3　創(chuàng)建首頁(yè) / 942
 22.2.4　創(chuàng)建啟動(dòng)腳本：app.js / 943
 22.2.5　定義登錄對(duì)話框 / 944
 22.2.6　創(chuàng)建應(yīng)用腳本：Application.js / 948
 22.2.7　創(chuàng)建Viewport視圖 / 949
 22.2.8　菜單視圖及控制器 / 950
 22.2.9　實(shí)現(xiàn)訂單管理 / 952
 22.2.10　實(shí)現(xiàn)產(chǎn)品管理 / 958
 22.2.11　示例效果 / 969
22.3　本章小結(jié) / 970
附錄　簡(jiǎn)寫(xiě)類(lèi)名與Ext JS類(lèi)名對(duì)照表 / 971