ExtJS Web應用程式開發指南

ExtJS Web應用程式開發指南

《ExtJS Web應用程式開發指南》是2011年7月1日機械工業出版社出版的圖書,作者是衛軍,夏慧軍,孟臘春。

基本介紹

  • 書名:ExtJS Web應用程式開發指南
  • 作者:衛軍,夏慧軍,孟臘春
  • ISBN:9787111353911
  • 定價:69.00
  • 出版社機械工業出版社
  • 出版時間:2011-7-1
  • 開本:16開
內容簡介,目錄,

內容簡介

衛軍、夏慧軍、孟臘春編著的《ExtJS Web應用程式開發指南(第2版)》共18章和1個附錄,是對第1版的全面升級,增補了大量ExtJS 4.0中的新特性。從基本的ExtJS功能開始講解RIA Web開發,從而引出用戶體驗豐富的ExtJS技術。接著通過經典的“Hello World”來快速搭建和配置第一個程式。然後通過4章來詳細講解ExtJS的基本功能,包括:最常用的表單、面板和布局類,常用的工具類與函式,以及ExtJS對事件的回響。本書還結合現今流行的Web框架進行改造,將相關技術融合起來套用。Ajax已經逐漸滲透到Web開發的各個方面了,ExtJS能夠與其完美結合。講解完這些提高內容後,本書還深入介紹了增強型模板,重要的數據模型,以及ExtJS高級組件。考慮到ExtJS與主流服務端框架的整合越來越緊密,本書還特意講解了Struts和Struts 2框架的整合與配置。最後全面細緻地講解了ExtJS 4.0中新增的主題、圖形和圖表部分,真正實現完全整合套用ExtJS技術。
《ExtJS Web應用程式開發指南(第2版)》語言通俗易懂,版式清新,並通過大量的實例去講解技術。對於廣大的Web程式設計師,本書能幫你找到經典套用的解決方案。對RIA Web套用開發的愛好者,本書可以幫你找到進步的階梯。本書可以作為Web開發的自學參考書,也可以作為RIA Web開發的培訓教材。

目錄

《extjs web應用程式開發指南(第2版)》
第1章 認識extjs 1
1.1 extjs的精彩表現 1
1.2 extjs的前世今生 2
1.3 是否真的需要學習extjs 4
1.4 extjs 4.0新特性 8
1.5 extjs ui組件基礎 10
1.6 了解一下類似技術 13
1.7 本章小結 16
第2章 開始extjs之旅 17
2.1 認識extjs的開發包 17
2.2 也從hello world開始 18
2.3 extjs中的基本概念 19
2.4 非常有用的開發工具 20
2.4.1 開發外掛程式spket 20
2.4.2 fullsource 23
2.4.3 microsoft script debugger 24
2.5 extjs對原有javascript對象的擴展 25
2.5.1 ext.array 25
2.5.2 ext.date 27
.2.5.3 ext.function 29
2.5.4 ext.number 30
2.5.5 ext.string 31
2.5.6 ext.object 32
2.6 本章小結 33
第3章 extjs 4.0的基本功能 34
3.1 extjs組件配置說明 34
3.1.1 json介紹 34
3.1.2 extjs組件配置方式介紹 35
3.2 信息提示框組件介紹 36
3.2.1 認識ext.window.messagebox 37
3.2.2 ext.messagebox.alert() 39
3.2.3 ext.messagebox.confirm() 40
3.2.4 ext.messagebox.prompt() 41
3.2.5 ext.messagebox.wait() 42
3.2.6 ext.messagebox.show() 42
3.2.7 ext.window.messagebox的其他功能 45
3.3 進度條組件介紹 48
3.3.1 認識ext.progressbar 48
3.3.2 手工模式的進度條 50
3.3.3 自動模式的進度條 51
3.3.4 自定義樣式的進度條樣式 52
3.4 實現工具列和選單欄 53
3.4.1 認識ext.toolbar.toolbar 53
3.4.2 只包含按鈕的簡單工具列 54
3.4.3 包含多種元素的複雜工具列 56
3.4.4 啟用和禁用工具列 57
3.4.5 認識ext.menu.menu選單 58
3.4.6 最簡單的選單欄 58
3.4.7 創建二級或多級選單 60
3.4.8 將更多組件加入選單 61
3.4.9 具有選擇框的選單 62
3.5 本章小結 64
第4章 最常用的表單 65
4.1 表單及表單元素 65
4.1.1 了解ext.form.basic基本表單 65
4.1.2 認識 ext.form.panel表單面板 68
4.1.3 ext.form.field.base基礎表單欄位 70
4.1.4 ext.form.field.text文本域 74
4.1.5 ext.form.field.textarea文本區 76
4.1.6 ext.form.field.number數字輸入框 78
4.1.7 ext.form.field.checkbox複選框和ext.form.field.radio單選框 80
4.1.8 ext.form.checkboxgroup和ext.form. radiogroup 81
4.1.9 ext.form.field.trigger觸發欄位 83
4.1.10 ext.form.field.spinner微調欄位 84
4.1.11 ext.form.field.picker拾取器欄位 85
4.1.12 ext.form.field.combobox組合框 86
4.1.13 ext.form.field.time時間選擇框 92
4.1.14 ext.form.field.date日期選擇框 94
4.1.15 ext.form.field.hidden隱藏欄位 97
4.1.16 ext.form.field.htmleditor編輯器欄位 98
4.1.17 ext.form.field.display唯讀文本欄位 101
4.1.18 ext.form.label標籤欄位 102
4.1.19 ext.form.fieldset欄位集 103
4.1.20 ext.form.fieldcontainer容器欄位 105
4.1.21 ext.form.field.file檔案上傳欄位 107
4.2 實現表單驗證 109
4.2.1 常見的驗證類型 109
4.2.2 表單驗證(vtype) 110
4.2.3 自定義vtype驗證 111
4.3 表單的提交和載入 114
4.3.1 ext.form.action.action基礎 114
4.3.2 ajax模式的表單數據載入 116
4.3.3 ajax模式的表單數據提交 119
4.3.4 標準模式的表單數據提交 121
4.3.5 使用direct技術 123
4.4 本章小結 126
第5章 面板及布局類 127
5.1 面板panel 127
5.1.1 認識ext.panel.panel 127
5.1.2 ext.panel.panel的主要功能 128
5.1.3 使用ext.panel.panel 131
5.2 標準布局類 136
5.2.1 auto自動布局 136
5.2.2 fit自適應布局 137
5.2.3 accordion摺疊布局 138
5.2.4 card卡片式布局 139
5.2.5 anchor錨點布局 141
5.2.6 absolute絕對位置布局 144
5.2.7 checkboxgroup複選框組布局 145
5.2.8 column列布局 145
5.2.9 table表格布局 148
5.2.10 border框線布局 149
5.2.11 box盒布局 151
5.3 使用viewport 152
5.4 ext.tab.panel頁簽 153
5.5 本章小結 155
第6章 常用工具類與函式 156
6.1 非常有用的ext.core.element 156
6.2 ext常用函式 158
6.2.1 ext.onready() 158
6.2.2 ext.get() 160
6.2.3 ext.select () 160
6.2.4 ext.query () 161
6.2.5 ext.getcmp() 163
6.2.6 ext.getdom() 163
6.2.7 ext.isempty() 164
6.2.8 ext.namespace() 165
6.2.9 ext.each() 165
6.2.10 ext.apply() 166
6.2.11 ext.encode() 167
6.2.12 ext.htmldecode() 168
6.2.13 ext.typeof() 169
6.3 ext.core.domhelper 169
6.3.1 ext.core.domhepler.append() 170
6.3.2 ext.core.domhelper.applystyles() 170
6.3.3 createtemplate() 171
6.3.4 insertafter() 172
6.3.5 insertbefore() 172
6.3.6 insertfirst() 173
6.3.7 inserthtml() 174
6.3.8 overwrite() 175
6.4 ext.core.domquery 176
6.4.1 compile() 176
6.4.2 filter() 176
6.4.3 is() 177
6.4.4 jsselect() 177
6.4.5 selectnode() 177
6.5 ext.util.css 178
6.5.1 createstylesheet() 178
6.5.2 getrule () 179
6.5.3 swapstylesheet() 179
6.5.4 removestylesheet() 181
6.6 ext.util.clickrepeater 182
6.6.1 click() 182
6.6.2 mousedown() 183
6.6.3 mouseup() 183
6.7 ext.util.delayedtask提供settimeout的簡單替代 184
6.7.1 cancle() 184
6.7.2 delay() 185
6.8 ext.util.format 提供常用的格式化方法 185
6.8.1 ellipsis() 185
6.8.2 capitalize() 185
6.8.3 date() 186
6.8.4 htmlencode () 186
6.8.5 htmldecode() 186
6.8.6 striptags() 187
6.8.7 substr() 187
6.8.8 lowercase() 187
6.8.9 number() 187
6.8.10 round() 188
6.9 ext.util.json 編碼和解碼json對象 189
6.9.1 decode() 189
6.9.2 encode() 189
6.10 ext.util.mixedcollection 190
6.10.1 向集合加入對象 190
6.10.2 將數組中的對象加入到集合中 191
6.10.3 移除集合中的對象 191
6.10.4 克隆集合 192
6.10.5 匹配集合中關聯對象 192
6.10.6 疊代集合中的對象調用指定的方法 192
6.10.7 獲取集合中的對象 193
6.10.8 該類中的其他一些有用的方法 194
6.10.9 該類中重要的事件(events) 196
6.11 ext.util.taskrunner 197
6.11.1 構造函式 197
6.11.2 啟動一個執行緒start() 198
6.11.3 停止一個執行緒stop() 198
6.11.4 停止所有的執行緒stopall() 198
6.12 ext.util.textmetrics得到塊狀化文本規格 199
6.12.1 塊的綁定 199
6.12.2 實例化對象 199
6.12.3 獲取文本的高度 199
6.12.4 獲取文本的寬、高 200
6.12.5 獲取文本的寬度 200
6.12.6 獲取指定節點內文本塊的寬、高 200
6.12.7 指定文本塊的寬 201
6.13 ext.keynav為元素提供簡單的按鍵處理方法 201
6.13.1 實例化一個鍵盤綁定對象 202
6.13.2 廢棄原有鍵盤綁定 202
6.13.3 將廢棄的鍵盤綁定重新生效 203
6.14 ext.keymap 提供更靈活強大的對按鍵的處理方法 203
6.14.1 構造函式 203
6.14.2 給對象添加鍵盤綁定 204
6.14.3 廢棄已綁定到keymap的配置 205
6.14.4 將keymap或廢棄的配置重新生效 205
6.14.5 獲取當前keymap配置是否為有效 205
6.14.6 事件綁定函式 205
6.15 本章小結 205
第7章 讓extjs開始回響事件 207
7.1 extjs事件與瀏覽器標準事件的異同 207
7.1.1 事件綁定方式 207
7.1.2 自定義事件 209
7.1.3 跨瀏覽器事件 210
7.2 extjs事件特性 211
7.2.1 ext.util.observable(事件基類) 211
7.2.2 舉例一:addevents 、fireevent、addlistener 213
7.2.3 舉例二:capture攔截器示例 214
7.2.4 舉例三:addmanagedlistener受管事件監聽器 215
7.2.5 舉例四:relayevents傳播分發事件 216
7.3 ext.eventobject(事件對象) 217
7.4 ext.eventmanager(事件管理器) 218
7.5 本章小結 220
第8章 常見web框架的extjs改造 221
8.1 常見web套用框架說明 221
8.2 簡易書籍管理系統 221
8.2.1 總體設計 222
8.2.2 資料庫設計 222
8.2.3 資料庫腳本 222
8.2.4 工程框架設計 223
8.2.5 頁面設計 231
8.3 怎樣開始 232
8.3.1 頁面改造 233
8.3.2 與伺服器互動方式的改造 233
8.4 開始改造吧 233
8.4.1 改造主頁面布局 233
8.4.2 改造選單欄 235
8.4.3 改造書籍維護界面 237
8.4.4 改造書籍新增界面 239
8.4.5 改造書籍修改界面 246
8.4.6 改造書籍刪除功能 248
8.5 換膚的實現 250
8.5.1 創建實現換膚功能的自定義組件ext.ux.themechange 250
8.5.2 查看換膚效果 251
8.6 本章小結 251
第9章 extjs對ajax的支持 252
9.1 ext.ajax入門 252
9.1.1 ext.ajax.request方法詳解 253
9.1.2 ext.ajax.request操作示例 255
9.2 ext.elementloader基礎 259
9.2.1 ext.elementloader.load操作示例 260
9.2.2 ext.elementloader其他方法示例 262
9.3 利用ajax最佳化web套用框架 264
9.3.1 多級聯動選單 264
9.3.2 天氣情況查詢 267
9.3.3 自動保存的網路記事本 270
9.3.4 網頁計算器 272
9.4 本章小結 274
第10章 增強型模板 276
10.1 熟悉ext.template 276
10.1.1 ext.template使用舉例 277
10.2 ext.xtemplate基礎 280
10.2.1 自動填充數組和作用域切換 280
10.2.2 在子模板中訪問父對象 281
10.2.3 數組索引和簡單運算支持 282
10.2.4 自動渲染簡單數組 283
10.2.5 使用基本的條件邏輯判斷 283
10.2.6 在模板中執行任意代碼 284
10.2.7 使用模板成員函式 285
10.3 在extjs組件中使用模板 286
10.4 使用模板的優勢 288
10.5 ext.view.view數據視圖類詳解 288
10.6 本章小結 291
第11章 數據模型 292
11.1 extjs數據模型基礎 292
11.2 model數據實體模型 293
11.2.1 創建實體 295
11.2.2 ext.data.validations數據驗證 296
11.2.3 數據代理(讀取與保存) 299
11.2.4 ext.data.hasmanyassociation一對多關係 300
11.2.5 ext.data.belongstoassociation多對一關係 303
11.3 proxy數據代理 306
11.3.1 ext.data.proxy.proxy 307
11.3.2 ext.data.proxy.client 307
11.3.3 ext.data.proxy.memory 307
11.3.4 ext.data.proxy.webstorage 308
11.3.5 ext.data.proxy.localstorage 309
11.3.6 ext.data.proxy.sessionstorage 310
11.3.7 ext.data.proxy.server 310
11.3.8 ext.data.proxy.ajax 311
11.3.9 ext.data.proxy.rest 315
11.3.10 ext.data.proxy.jsonp 316
11.3.11 ext.data.proxy.direct 318
11.4 reader數據讀取器 319
11.4.1 ext.data.reader.reader 320
11.4.2 ext.data.reader.json 320
11.4.3 ext.data.reader.xml 323
11.4.4 ext.data.reader.array 324
11.5 writer數據寫入器 325
11.5.1 ext.data.writer.writer 325
11.5.2 ext.data.writer.json 326
11.5.3 ext.data.writer.xml 327
11.6 store數據集 327
11.6.1 ext.data.abstractstore 327
11.6.2 ext.data.store 328
11.6.3 ext.data.arraystore、ext.data.jsonstore及ext.data.xmlstore 333
11.6.4 ext.data.directstore和ext.data.jsonpstore 334
11.7 本章小結 335
第12章 grid組件 336
12.1 表格面板ext.grid.panel 337
12.2 表格列column 339
12.2.1 布爾列ext.grid.column.boolean 340
12.2.2 數字列ext.grid.column.number 340
12.2.3 日期列ext.grid.column.date 340
12.2.4 動作列ext.grid.column.action 341
12.2.5 模板列ext.grid.column.template 343
12.2.6 行號列ext.grid.rownumberer 343
12.2.7 自定義渲染函式 344
12.3 選擇模式selection 345
12.3.1 選擇模式 ext.selection.model 345
12.3.2 單元格選擇模式ext.selection.cellmodel 346
12.3.3 行選擇模式ext.selection.rowmodel 348
12.3.4 複選框選擇模式ext.selection.checkboxmodel 348
12.4 表格特性feature 349
12.4.1 表格行體ext.grid.feature.rowbody 349
12.4.2 表格匯總ext.grid.feature.summary 351
12.4.3 表格分組ext.grid.feature.grouping 352
12.4.4 分組匯總ext.grid.feature.groupingsummary 353
12.5 表格外掛程式plugin 354
12.5.1 單元格編輯外掛程式ext.grid.plugin.cellediting 354
12.5.2 行編輯外掛程式ext.grid.plugin.rowediting 356
12.5.3 拖曳外掛程式ext.grid.plugin.dragdrop 357
12.6 屬性表格property.grid 359
12.7 表格分頁 361
12.8 本章小結 362
第13章 tree組件 363
13.1 樹形面板ext.tree.panel 363
13.1.1 多列樹 364
13.1.2 帶複選框的樹 366
13.1.3 樹面板間的拖曳 366
13.2 ext.data.treestore 368
13.2.1 分級載入樹節點 368
13.2.2 整體載入樹節點 370
13.3 本章小結 371
第14章 extjs與服務端框架的整合 372
14.1 xml與json的生成 372
14.1.1 xstream基礎 372
14.1.2 json-lib簡介 376
14.2 extjs與struts的整合方式 378
14.3 extjs與struts 2的整合方式 380
14.3.1 struts 2生成json數據 381
14.3.2 struts 2生成xml數據 383
14.4 本章小結 384
第15章 主題 385
15.1 sass和compass概述 385
15.1.1 sass簡介 385
15.1.2 compass簡介 385
15.2 extjs主題樣式開發 387
15.2.1 基本配置檔案config.rb 387
15.2.2 定製主題 388
15.3 組件ui開發 389
15.3.1 組件ui混入函式介紹 390
15.3.2 開發面板組件ui 391
15.4 本章小結 393
第16章 ext.direct 394
16.1 如何配置和使用ext.direct 394
16.1.1 支持類庫的下載 394
16.1.2 配置伺服器端功能 495
16.1.3 配置客戶端 400
16.1.4 遠程調用實例 402
16.1.5 本章小結 408
第17章 draw圖形 409
17.1 常見瀏覽器繪圖技術介紹及對比 409
17.2 精彩的圖形世界 410
17.3 extjs圖形包 410
17.3.1 ext.draw.component圖形組件詳解 411
17.3.2 ext.draw.sprite子畫面組件詳解 411
17.3.3 繪製基本圖形 412
17.3.4 繪製不規則圖形 413
17.3.5 繪製文字 414
17.3.6 線性漸變 415
17.3.7 圖形旋轉 417
17.3.8 動態變換 418
17.3.9 拖曳縮放 419
17.3.10 拖曳移動 420
17.4 本章小結 421
第18章 chart圖表 422
18.1 ext.chart圖表組件概述 422
18.2 坐標軸組件詳解 423
18.2.1 ext.chart.axis.numeric數值軸 425
18.2.2 ext.chart.axis.category分類軸 426
18.2.3 ext.chart.axis.time時間軸 426
18.2.4 ext.chart.axis.gauge儀表軸 427
18.2.5 ext.chart.axis.radial雷達軸 427
18.3 圖表序列詳解 427
18.3.1 ext.chart.series.pie餅狀圖 428
18.3.2 ext.chart.series.cartesian直角坐標系圖表 431
18.3.3 ext.chart.series.bar條形圖 432
18.3.4 ext.chart.series.column柱狀圖 433
18.3.5 ext.chart.series.line折線圖 435
18.3.6 ext.chart.series.scatter散點圖 437
18.3.7 ext.chart.series.area面積圖 438
18.3.8 ext.chart.series.radar雷達圖 440
18.3.9 ext.chart.series.gauge儀表圖 442
18.4 在圖表中使用主題 443
18.5 複合圖表 446
18.6 圖表與表格 446
18.7 本章小結 449
附錄a 450

相關詞條

熱門詞條

聯絡我們