目??? 錄

第1章? 開篇.... 1

1.1? 網絡開發浪潮..... 2

1.2? RIA三足鼎立..... 2

1.2.1? Flex和OpenLaszlo.. 3

1.2.2? Faces客戶組件..... 4

1.2.3? 微軟Windows Presentation
Foundation/Silverlight. 4

1.3? Ajax革命..... 5

1.4? 風靡世界的Ext. 6

1.5? 周邊生態系統..... 8

1.6? 創 作 班 底..... 9

1.7? 開發環境簡介..... 10

1.7.1? JsEclipse.. 10

1.7.2? Aptana.. 11

1.7.3? Spket. 12

1.7.4? Dreamweaver. 13

1.7.5? Visual Studio.. 14

1.7.6? Komodo Edit. 14

1.7.7? 關于JavaScript的IDE.. 14

第2章? Ext起步.... 17

2.1? 獲取Ext的方法..... 18

2.2? Ext運行環境..... 18

2.3? 如何兼容其他JavaScript庫..... 19

2.4? 對服務器端的一些要求..... 20

2.5? Ext Examples例程解析..... 21

2.5.1? Grids. 21

2.5.2? Tabs. 23

2.5.3? Trees. 24

2.5.4? Layout Managers. 25

2.5.5? ComboBox.. 26

2.5.6? Froms. 26

2.5.7? Toolsbars and Menus. 28

2.5.8? Templates and DataView... 28

2.5.9? Drag and Drop.. 29

2.5.10? 雜項(Miscellaneous). 29

第3章? Ext基礎.... 33

3.1? 使用EXT編寫第一個
Ajax應用..... 34

3.2? 構成用戶界面的元素..... 34

3.3? 獲取頁面元素..... 40

3.4? 元素常見的使用方法..... 40

3.4.1? Ext.Element.*——常見的
“顯示/隱藏”方法..... 40

3.4.2? Ext.Element.*——常見的
“內容控制”方法..... 42

3.4.3? Ext.Element.*——常見的
“操控DOM”方法..... 43

3.4.4? Ext.Element.*——常見的
“尺寸大小/定位”方法..... 44

3.4.5? Ext.Element.*——常見的
“特效動畫”方法..... 45

3.4.6 ?Ext.Element.*——小結..... 46

3.4.7? DomHelper簡介..... 46

3.5? DomQuery入門..... 48

3.5.1? 元素選擇符Selector. 50

3.5.2? 屬性選擇符
Attributes Selectors. 50

3.5.3? CSS值元素選擇符..... 51

3.5.4? Ext.query與Ext.Select的
使用注意事項..... 52

3.5.5? 元素ID/Class知識拾遺..... 52

第4章? 事件機制.... 55

4.1? 事件概述..... 56

4.2? 瀏覽器事件淺析..... 57

4.2.1 ?事件分類與事件處理函數..... 57

4.2.2? 事件登記的4種形式..... 59

4.3? Ext中的事件..... 63

4.3.1? 設計模式——觀察者模式..... 63

4.3.2? 何謂Event Handler?. 66

4.3.3? 函數的作用域..... 69

4.3.4? 小結：如何為Event Handler
自定義輸入參數..... 72

4.3.5? 高級組件事件..... 74

4.3.6? 形形色色的事件登記途徑..... 77

4.3.7? Ext.onReady事件..... 79

4.3.8? 事件的顆?？刂?/span>..... 80

第5章? 創建用戶界面.... 83

5.1 ?界面組件架構..... 84

5.1.1? 組件的對象模型..... 85

5.1.2? 組件的生存周期..... 86

5.1.3? 組件的渲染原理..... 89

5.2? 布 局 功 能..... 95

5.2.1? 頁面布局功能概述..... 95

5.2.2? 布局的介紹與種類..... 96

5.2.3? 布局的調試..... 101

5.3? Grid組件..... 103

5.3.1? Grid的選擇模型..... 104

5.3.2? 自定義單元格的顯示格式..... 105

5.3.3? 通過拖拽改變行的順序..... 110

5.3.4? Grid的分頁、查詢、遠程
排序與通過拖拽改變分類..... 120

5.3.5? Grid的本地排序..... 130

5.4? Form表單組件..... 134

5.4.1? FormPanel、FormLayout
與BasicForm的區別..... 134

5.4.2? ColumnLayout的使用方法..... 146

5.4.3? 使用AnchorLayout控制
控件寬度與高度..... 150

5.4.4? 一行設置多個FiledSet的
技巧..... 152

5.4.5? Combobox的基本使用
方法..... 155

5.4.6? 本地模式下動態調整
Combobox選擇項..... 175

5.4.7? 實現Combobox的聯動..... 188

5.4.8? 客戶端驗證..... 197

5.4.9? 服務器端驗證..... 203

5.4.10? 驗證后錯誤信息的
顯示方式..... 208

5.4.11? Form的提交..... 212

5.4.12? Form加載編輯數據..... 218

5.4.13? 上傳文件..... 225

5.5? Tree樹組件..... 236

5.5.1? 靜態樹——最簡單的樹..... 237

5.5.2? 以JSON/XML構造成樹..... 240

5.5.3? 事件處理模式..... 246

5.5.4? 改變樹的樣式..... 253

5.5.5? 調試動態樹..... 254

5.6? DataView數據視圖組件..... 264

5.6.1? 通過拖拽改變圖片的順序..... 265

5.6.2? 一個簡單的圖庫管理例子..... 272

5.7? 模板功能..... 283

5.7.1? Ext.Template.. 284

5.7.2? Ext.XTemplate.. 286

5.8? 拖放功能..... 290

第6章? 數據驅動.... 305

6.1? 數據的提交與響應..... 306

6.1.1? HTML頁面交換..... 306

6.1.2? Ajax請求與響應..... 310

6.2? 容器類MixedCollection.. 322

6.3? 數據存儲基本單元Record與
DataField.. 332

6.3.1? DataField.. 334

6.3.2? Record.. 334

6.4? 數據存儲Store.. 339

6.4.1? 數據載入..... 340

6.4.2? 數據的添加..... 348

6.4.3? 取得記錄信息..... 354

6.4.4? 排序..... 358

6.4.5? 事務模式..... 359

6.4.6? 查找..... 361

6.5? 數據代理DataProxy.. 362

6.5.1? Ext.data.DataProxy.. 362

6.5.2? Ext.data.MemoryProxy.. 362

6.5.3? Ext.data.HttpProxy.. 364

6.5.4? Ext.data.ScriptTagProxy.. 365

6.6? 數據讀取器DataReader. 367

6.6.1? Ext.data.DataReader. 367

6.6.2? Ext.data.ArrayReader. 367

6.6.3? Ext.data.JsonReader. 368

6.6.4? Ext.data.XmlReader. 370

6.7? Ext.ux.DWR.. 371

6.7.1? Ext.data.DwrProxy.. 372

6.7.2? Ext.data.DwrReader. 374

6.7.3? 應用頁面..... 376

6.7.4? Web服務端配置..... 382

6.7.5? 服務層接口..... 383

6.8? LitJson.. 386

6.8.1? JSON與對象之間的轉換..... 387

6.8.2? 輸出JSON格式文本..... 390

6.8.3? 接收和處理提交的
JSON格式文本..... 393

第7章? Ext高級應用.... 397

7.1? JavaScript閉包詳解..... 398

7.1.1? 閉包的概念..... 398

7.1.2? 閉包成員的生命周期..... 399

7.1.3? 引用而不是復制..... 400

7.1.4? 閉包應用場景..... 400

7.2? 面向對象的客戶端腳本設計..... 401

7.2.1? 從腳本語言到動態語言..... 402

7.2.2? 基于類的JavaScript繼承..... 404

7.2.3? Ext組件的復用..... 409

7.2.4? 使用super關鍵字..... 415

7.2.5? 使用命名空間..... 418

7.3? 單頁面應用程序的設計..... 420

7.3.1? 單頁面GUI為
我們帶來了什么？..... 421

7.3.2? 單頁面GUI的應用情況..... 422

7.3.3? 動態資源下載..... 422

第8章? 擴展與插件.... 425

8.1? 擴展與插件簡介..... 426

8.2? 擴展的寫法..... 426

8.3? 插件的寫法..... 426

8.4? 擴展與插件如何選擇？..... 427

8.5? Ext編輯控件只讀插件..... 427

8.6? TreeComboBox.. 434

8.7? 微調擴展Spinner. 439

8.8? Property Grid.. 444

8.9? 集成文本編輯器TinyMCE Editor. 449

8.10? Flash上傳對話框..... 456

8.11? Ext GUI Builder. 467

8.12? 小結..... 469

第9章? 客戶端優化.... 469

9.1? 優化工具簡介..... 470

9.1.1? JS Builder. 470

9.1.2? YUI compressor. 471

9.1.3? JSA.. 473

9.2? 裁減Ext文件..... 475

9.3? 開啟服務端的HTTP壓縮功能..... 476

9.3.1? Tomcat的設置..... 476

9.3.2? Apache的設置..... 476

9.3.3? IIS的設置..... 477

第10章? 制定Ext 479

10.1? 從Ext.BLANK_IMAGE_URL說起..... 480

10.2? 實時換膚功能..... 482

10.3? 本地化Ext. 484

第11章? JavaScript與HTML的調試.... 493

11.1? Firebug的基本操作..... 494

11.1.1? 安裝Firebug.. 494

11.1.2? 開啟和關閉Firebug.. 495

11.1.2? 控制臺Console.. 497

11.2? 使用Firebug進行調試..... 499

11.2.1 ?源代碼調試..... 499

11.2.2? CSS調試..... 504

11.2.3? 腳本調試..... 504

11.2.4? DOM調試..... 505

11.3? 跟蹤網絡傳輸狀態..... 506

11.4? 在腳本文件中加入調試命令..... 506

11.5? 在IE中使用Firebug.. 508

11.5.1? DebugBar和Companion.JS
的基本操作詳解..... 509

11.5.2? DebugBar和Companion.js
的安裝..... 509

11.5.3? DebugBar和Companion.js
的基本操作..... 509

11.6? 調試技巧..... 511

11.6.1? 在Firebug中
直接調試腳本..... 511

11.6.2? 測試代碼運行速度..... 512

11.6.3 ?查看對象屬性..... 513

11.7? 小結..... 515

第12章? 新聞管理系統.... 517

12.1? 項目需求與開發背景..... 518

12.1.1? 架構..... 518

12.1.2? 需要使用的資源..... 518

12.2? 數據庫表..... 519

12.3? 配置文件..... 521

12.4? 登錄頁..... 522

12.5? 主頁面..... 530

12.6? 用戶管理頁面..... 535

12.7? 新聞管理頁面..... 551

12.7.1? 使用MyGerneration創建
新聞類別和新聞的數據層和
實體類..... 551

12.7.2? 頁面開發..... 554

12.8? 修改密碼頁面..... 580

12.9? 退出頁面..... 581

12.10? 設置權限..... 581

轉載于:https://www.cnblogs.com/muyuge/archive/2009/01/12/6333855.html

總結

以上是生活随笔為你收集整理的《JavaScript凌厉开发 Ext详解与实践》的目录的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。