目??? 錄

第1章? 開篇.... 1

1.1? 網(wǎng)絡(luò)開發(fā)浪潮..... 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? 風(fēng)靡世界的Ext. 6

1.5? 周邊生態(tài)系統(tǒng)..... 8

1.6? 創(chuàng) 作 班 底..... 9

1.7? 開發(fā)環(huán)境簡介..... 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? 關(guān)于JavaScript的IDE.. 14

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

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

2.2? Ext運行環(huán)境..... 18

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

2.4? 對服務(wù)器端的一些要求..... 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基礎(chǔ).... 33

3.1? 使用EXT編寫第一個
Ajax應(yīng)用..... 34

3.2? 構(gòu)成用戶界面的元素..... 34

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

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

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

3.4.2? Ext.Element.*——常見的
“內(nèi)容控制”方法..... 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.*——小結(jié)..... 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 ?事件分類與事件處理函數(shù)..... 57

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

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

4.3.1? 設(shè)計模式——觀察者模式..... 63

4.3.2? 何謂Event Handler?. 66

4.3.3? 函數(shù)的作用域..... 69

4.3.4? 小結(jié)：如何為Event Handler
自定義輸入?yún)?shù)..... 72

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

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

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

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

第5章? 創(chuàng)建用戶界面.... 83

5.1 ?界面組件架構(gòu)..... 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? 布局的調(diào)試..... 101

5.3? Grid組件..... 103

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

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

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

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

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

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

5.4.1? FormPanel、FormLayout
與BasicForm的區(qū)別..... 134

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

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

5.4.4? 一行設(shè)置多個FiledSet的
技巧..... 152

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

5.4.6? 本地模式下動態(tài)調(diào)整
Combobox選擇項..... 175

5.4.7? 實現(xiàn)Combobox的聯(lián)動..... 188

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

5.4.9? 服務(wù)器端驗證..... 203

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

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

5.4.12? Form加載編輯數(shù)據(jù)..... 218

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

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

5.5.1? 靜態(tài)樹——最簡單的樹..... 237

5.5.2? 以JSON/XML構(gòu)造成樹..... 240

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

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

5.5.5? 調(diào)試動態(tài)樹..... 254

5.6? DataView數(shù)據(jù)視圖組件..... 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章? 數(shù)據(jù)驅(qū)動.... 305

6.1? 數(shù)據(jù)的提交與響應(yīng)..... 306

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

6.1.2? Ajax請求與響應(yīng)..... 310

6.2? 容器類MixedCollection.. 322

6.3? 數(shù)據(jù)存儲基本單元Record與
DataField.. 332

6.3.1? DataField.. 334

6.3.2? Record.. 334

6.4? 數(shù)據(jù)存儲Store.. 339

6.4.1? 數(shù)據(jù)載入..... 340

6.4.2? 數(shù)據(jù)的添加..... 348

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

6.4.4? 排序..... 358

6.4.5? 事務(wù)模式..... 359

6.4.6? 查找..... 361

6.5? 數(shù)據(jù)代理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? 數(shù)據(jù)讀取器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? 應(yīng)用頁面..... 376

6.7.4? Web服務(wù)端配置..... 382

6.7.5? 服務(wù)層接口..... 383

6.8? LitJson.. 386

6.8.1? JSON與對象之間的轉(zhuǎn)換..... 387

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

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

第7章? Ext高級應(yīng)用.... 397

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

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

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

7.1.3? 引用而不是復(fù)制..... 400

7.1.4? 閉包應(yīng)用場景..... 400

7.2? 面向?qū)ο蟮目蛻舳四_本設(shè)計..... 401

7.2.1? 從腳本語言到動態(tài)語言..... 402

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

7.2.3? Ext組件的復(fù)用..... 409

7.2.4? 使用super關(guān)鍵字..... 415

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

7.3? 單頁面應(yīng)用程序的設(shè)計..... 420

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

7.3.2? 單頁面GUI的應(yīng)用情況..... 422

7.3.3? 動態(tài)資源下載..... 422

第8章? 擴(kuò)展與插件.... 425

8.1? 擴(kuò)展與插件簡介..... 426

8.2? 擴(kuò)展的寫法..... 426

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

8.4? 擴(kuò)展與插件如何選擇？..... 427

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

8.6? TreeComboBox.. 434

8.7? 微調(diào)擴(kuò)展Spinner. 439

8.8? Property Grid.. 444

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

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

8.11? Ext GUI Builder. 467

8.12? 小結(jié)..... 469

第9章? 客戶端優(yōu)化.... 469

9.1? 優(yōu)化工具簡介..... 470

9.1.1? JS Builder. 470

9.1.2? YUI compressor. 471

9.1.3? JSA.. 473

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

9.3? 開啟服務(wù)端的HTTP壓縮功能..... 476

9.3.1? Tomcat的設(shè)置..... 476

9.3.2? Apache的設(shè)置..... 476

9.3.3? IIS的設(shè)置..... 477

第10章? 制定Ext 479

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

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

10.3? 本地化Ext. 484

第11章? JavaScript與HTML的調(diào)試.... 493

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

11.1.1? 安裝Firebug.. 494

11.1.2? 開啟和關(guān)閉Firebug.. 495

11.1.2? 控制臺Console.. 497

11.2? 使用Firebug進(jìn)行調(diào)試..... 499

11.2.1 ?源代碼調(diào)試..... 499

11.2.2? CSS調(diào)試..... 504

11.2.3? 腳本調(diào)試..... 504

11.2.4? DOM調(diào)試..... 505

11.3? 跟蹤網(wǎng)絡(luò)傳輸狀態(tài)..... 506

11.4? 在腳本文件中加入調(diào)試命令..... 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? 調(diào)試技巧..... 511

11.6.1? 在Firebug中
直接調(diào)試腳本..... 511

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

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

11.7? 小結(jié)..... 515

第12章? 新聞管理系統(tǒng).... 517

12.1? 項目需求與開發(fā)背景..... 518

12.1.1? 架構(gòu)..... 518

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

12.2? 數(shù)據(jù)庫表..... 519

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

12.4? 登錄頁..... 522

12.5? 主頁面..... 530

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

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

12.7.1? 使用MyGerneration創(chuàng)建
新聞類別和新聞的數(shù)據(jù)層和
實體類..... 551

12.7.2? 頁面開發(fā)..... 554

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

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

12.10? 設(shè)置權(quán)限..... 581

轉(zhuǎn)載于:https://www.cnblogs.com/muyuge/archive/2009/01/12/6333855.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。