深入淺出Ext JS(第3版)

深入淺出Ext JS(第3版)

《深入淺出ExtJS(第3版)》是2013年人民郵電出版社出版的圖書,作者是徐會生。

基本介紹

  • 作者:徐會生
  • ISBN:9787115330864
  • 頁數:424
  • 定價:69.00
  • 出版社:人民郵電出版社
  • 出版時間:2013-10
  • 裝幀:平裝
內容介紹,作者介紹,作品目錄,

內容介紹

在以用戶為中心的時代,套用的界面外觀變得越來越重要。然而,很多程式設計師都缺乏美術功底,要開發出界面美觀的套用實屬不易,而Ext JS為廣大程式設計師解決了這一難題。它有豐富多彩的界面和強大的功能,是開發具有炫麗外觀的RIA套用的最佳選擇。
本書是《深入淺出Ext JS》的第3版,不僅對上一版的內容進行了增補,還詳細討論了 Ext JS 4.2的新特性,比如無需Flash支持的繪圖功能、基於此實現的各種圖表功能、動態刷新的表格滾動視圖外掛程式、遲來的表格鎖定外掛程式、最新提供的MVC架構和自動載入腳本功能等。此外,我們還在最後一章增加了一個實際的複雜實例,演示了MVC是如何影響我們的開發過程的。
本書注重理論與實踐相結合,適合各層次的Web開發人員閱讀。

作者介紹

徐會生
百度高級軟體研發工程師,從事多年企業級項目研發,擅長許可權與流程相關領域。他是國內探索Ext JS的先驅之一,精通UI開發,業餘時間為社區撰寫了大量開源方面的文章。

作品目錄

目 錄
第1章  Ext概述 1
1.1  何為Ext 1
1.1.1  Ext版本變遷 2
1.1.2  Ext到底是收費的還是免費的 3
1.2  下載Ext發布包 3
1.3  查看Ext自帶的API和示例 4
1.3.1  絢麗的產品文檔 4
1.3.2  豐富的組件庫 6
1.3.3  更多高級組件 6
1.4  第一個示例Hello World 7
1.4.1  直接使用下載的發布包 7
1.4.2  在項目中使用Ext 9
1.5  調試工具Firebug 9
1.6  開發中的常見問題 12
1.6.1  有些示例必須放在伺服器上才能看到效果 12
1.6.2  IE瀏覽器逗號問題 13
1.6.3  Ext的漢化 13
1.7  小結 13
第2章  Ext框架基礎 14
2.1  面向對象的基礎架構 14
2.1.1  創建新類 14
2.1.2  對象繼承 15
2.1.3  多重繼承 15
2.1.4  自動生成代碼 16
2.2  統一的組件模型 17
2.2.1  Ext.Component 17
2.2.2  Ext.Panel 18
2.2.3  Ext.Container 18
2.3  完善的事件機制 19
2.3.1  自定義事件 20
2.3.2  瀏覽器事件 21
2.3.3  Ext.EventObjectImpl 22
2.3.4  Ext.util.Observable 24
2.3.5  Ext.EventManager 26
2.4  小結 28
第3章  表格控制項 29
3.1  表格的特性簡介 29
3.2  製作一個簡單的表格 30
3.3  表格常用功能詳解 33
3.3.1  部分屬性功能 33
3.3.2  自主決定每列的寬度 35
3.3.3  讓表格支持按列排序 36
3.3.4  解決中文排序 38
3.3.5  顯示日期類型數據 40
3.4  表格渲染 40
3.5  給表格的行和列設定顏色 44
3.6  自動顯示行號和複選框 45
3.6.1  自動顯示行號 45
3.6.2  複選框 47
3.7  選擇模型 48
3.8  表格視圖——Ext.grid.GridView 49
3.9  表格分頁 50
3.9.1  為表格添加分頁工具條 50
3.9.2  通過後台腳本獲得分頁數據 51
3.9.3  分頁工具條顯示在表格的頂部 55
3.9.4  讓Ext支持前台分頁 56
3.10  後台排序 57
3.11  多重排序 59
3.12  可編輯表格控制項——EditorGrid 60
3.12.1  製作一個簡單的EditorGrid 60
3.12.2  添加一行數據 61
3.12.3  保存修改結果 63
3.12.4  限制輸入數據的類型 64
3.13  屬性表格控制項——PropertyGrid 68
3.13.1  簡介 68
3.13.2  只能看不能動的PropertyGrid 69
3.14  分組表格控制項——GroupingGrid 69
3.14.1  分組表格簡介 69
3.14.2  分組表格視圖 70
3.15  可拖放的表格 72
3.15.1  通過拖放改變表格的大小 72
3.15.2  在同一個表格里拖放 73
3.15.3  表格之間的拖放 74
3.16  表格與右鍵選單 74
3.17  基於表格的擴展外掛程式 75
3.17.1  行編輯器 75
3.17.2  進度條分頁組件 76
3.17.3  緩衝式表格視圖 77
3.17.4  分組表頭 77
3.17.5  鎖定列 79
3.17.6  樹形表格 80
3.17.7  表格過濾組件 82
3.18  小結 84
第4章  表單與輸入控制項 85
4.1  製作表單 85
4.2  FormPanel和BasicForm詳解 86
4.3  Ext支持的輸入組件 86
4.3.1  控制項繼承圖 87
4.3.2  表單控制項 87
4.3.3  基本輸入控制項Ext.form.Field 90
4.3.4  文本輸入控制項Ext.form.TextField 92
4.3.5  多行文本輸入控制項Ext.form.TextArea 93
4.3.6  日期輸入控制項Ext.form.DateField 93
4.3.7  時間輸入控制項Ext.form.TimeField 94
4.3.8  線上編輯器Ext.form.HtmlEditor 95
4.3.9  隱藏域Ext.form.Hidden 95
4.3.10  如何使用input type= "image" 96
4.4  ComboBox詳解 96
4.4.1  ComboBox簡介 96
4.4.2  將Select轉換成ComboBox 98
4.4.3  ComboBox結構詳解 98
4.4.4  ComboBox讀取遠程數據 100
4.4.5  ComboBox的高級配置 101
4.4.6  監聽用戶選擇的數據 103
4.4.7  使用本地數據實現省、市、縣級聯 105
4.4.8  使用後台數據實現省、市、縣級聯 108
4.4.9  添加MultiSelect和ItemSelector擴展以及示例 110
4.5  複選框和單選按鈕 113
4.5.1  複選框 113
4.5.2  單選按鈕 114
4.5.3  CheckboxGroup和RadioGroup控制項 115
4.6  滑動條表單控制項 119
4.7  表單布局 121
4.7.1  默認的平鋪布局 121
4.7.2  平行分列布局 122
4.7.3  在布局中使用fieldset 125
4.7.4  在fieldset中使用布局 127
4.7.5  自定義布局 129
4.8  數據校驗 131
4.8.1  輸入不能為空 131
4.8.2  最大長度和最小長度 132
4.8.3  藉助vtype 132
4.8.4  自定義校驗規則 133
4.8.5  算不上校驗的NumberField 134
4.8.6  使用後台返回的校驗信息 135
4.9  使用表單提交數據 136
4.9.1  Ext默認的提交形式 136
4.9.2  使用HTML原始的提交形式 138
4.9.3  單純Ajax 139
4.9.4  檔案上傳 139
4.9.5  檔案上傳控制項 140
4.10  自動把數據填充到表單中 141
4.11  小結 143
第5章  樹形結構 144
5.1  TreePanel的基本使用 144
5.1.1  創建一棵樹 144
5.1.2  為樹添加枝和葉 145
5.1.3  樹形的配置 146
5.1.4  使用TreeStore獲得數據 147
5.1.5  使用JSP提供後台數據 150
5.1.6  通過XML載入樹形 153
5.2  樹的事件 154
5.3  右鍵選單 155
5.4  修改節點的默認圖示 156
5.5  從節點彈出對話框 157
5.6  節點提示信息 158
5.7  為節點設定超連結 159
5.8  樹形的拖放 160
5.8.1  節點拖放的3種形式 161
5.8.2  葉子不能append 162
5.8.3  判斷拖放的目標 162
5.8.4  樹之間的拖放 164
5.9  對樹進行排序 165
5.10  帶Checkbox的樹形 166
5.11  表格與樹形的結合 167
5.12  更多樹形的高級套用 170
5.12.1  如何選中樹的某個節點 170
5.12.2  刷新樹的所有節點 170
5.12.3  借用grid的緩衝視圖外掛程式 170
5.12.4  借用grid的鎖定外掛程式 170
5.13  小結 171
第6章  布局 172
6.1  布局的用途 172
6.2  最簡單的布局——FitLayout 175
6.3  常用的框線布局——BorderLayout 177
6.3.1  設定子區域的大小 178
6.3.2  使用split並限制它的範圍 180
6.3.3  子區域的展開和摺疊 182
6.4  製作伸縮選單的布局——Accordion 186
6.5  實現操作嚮導的布局——CardLayout 187
6.6  控制位置和大小的布局——AnchorLayout和AbsoluteLayout 190
6.7  表單專用的布局——FormLayout 195
6.8  分列布局——ColumnLayout 197
6.9  表格狀布局——TableLayout 199
6.10  BoxLayout——HBox 200
6.11  BoxLayout——VBox 201
6.12  Ext.TabPanel 203
6.12.1  標籤面板的滾動選單 206
6.12.2  豎直分組的標籤面板 206
6.13  與布局相關的其他知識 207
6.13.1  超類Ext.Container的公共配置與xtype的概念 208
6.13.2 layout的超類Ext.layout.ContainerLayout 208
6.13.3  不指定任何布局時會發生的情況 209
6.13.4  使用Viewport對整個頁面進行布局 210
6.13.5  使用嵌套實現複雜布局 211
6.14  小結 213
第7章  彈出視窗 214
7.1  Ext.MessageBox 214
7.1.1  Ext.MessageBox.alert() 214
7.1.2  Ext.MessageBox.confirm() 215
7.1.3  Ext.MessageBox.prompt() 216
7.2  對話框的更多配置 216
7.2.1  可以輸入多行的輸入框 216
7.2.2  自定義對話框的按鈕 217
7.2.3  進度條 218
7.2.4  動畫效果 219
7.3  Ext.Window的常用屬性 220
7.3.1  創建視窗 220
7.3.2  視窗的最大化和最小化 221
7.3.3  視窗的隱藏與銷毀 222
7.3.4  防止視窗超出瀏覽器邊界 223
7.3.5  設定視窗中的按鈕 224
7.3.6  視窗的其他配置選項 226
7.4  視窗分組 227
7.5  向視窗中放入各種控制項 229
7.5.1  在視窗中加入表格 229
7.5.2  在視窗中加入表單 230
7.5.3  複雜布局 231
7.6  小結 233
第8章  工具條和選單 234
8.1  簡單選單 234
8.2  向選單中添加分隔線 236
8.3  多級選單 237
8.4  高級選單 239
8.4.1  多選選單和單選選單 239
8.4.2  日期選單 241
8.4.3  顏色選單 242
8.4.4  在選單中添加其他組件 243
8.4.5  使用Ext.menu.MenuMgr統一管理選單 244
8.5  工具條組件詳解 246
8.5.1  Ext.Toolbar.Button 247
8.5.2  Ext.Toolbar.TextMenu 247
8.5.3  Ext.Toolbar.Spacer 248
8.5.4  Ext.Toolbar.Separator 248
8.5.5  Ext.Toolbar.Fill 249
8.5.6  Ext.Toolbar. SplitButton 249
8.5.7  為工具條添加HTML標籤 251
8.5.8  為工具條添加輸入控制項 252
8.6  分頁工具條 252
8.6.1  Ext.PagingToolbar的基本用法 252
8.6.2  向Ext.PagingToolbar添加按鈕組件 254
8.7  右鍵彈出選單 255
8.8  處理工具條溢出 256
8.9  工具條中的分組按鈕 257
8.10  更多工具條外掛程式 258
8.11  狀態欄 259
8.12  小結 262
第9章  數據存儲與傳輸 263
9.1  Ext.data命名空間下的常用組件簡介 263
9.2  Ext.data.Connection 263
9.3  Ext.data.Record 265
9.4  Ext.data.Store 266
9.4.1  基本套用 266
9.4.2  對數據進行排序 267
9.4.3  從store中獲取數據 268
9.4.4  更新store中的數據 269
9.4.5  載入及顯示數據 271
9.4.6  其他功能 272
9.5  常用Proxy 273
9.5.1  MemoryProxy 273
9.5.2  HttpProxy 273
9.5.3  ScriptTagProxy 274
9.6  常用Reader 275
9.6.1  ArrayReader 275
9.6.2  JsonReader 275
9.6.3  XmlReader 277
9.7  高級store 278
9.8  Ext中的Ajax 280
9.8.1  最容易看到的Ext.Ajax 280
9.8.2  使用Ajax獲取和提交數據時出現亂碼 281
9.9  關於scope和bind() 281
9.10  Ext Direct 283
9.10.1  簡介 283
9.10.2  洞悉Ext Direct的原理 285
9.10.3  使用directjngine支持Ext Direct 286
9.11  小結 289
第10章  用戶擴展與外掛程式 290
10.1  介紹用戶擴展 290
10.2  編寫用戶擴展所需的基礎知識 294
10.2.1  繼承模型 294
10.2.2  了解Component的生命
周期 298
10.3  編寫自定義用戶擴展 299
10.4  介紹Ext的外掛程式體系 300
10.5  常用擴展組件一:UploadDialog 303
10.6  常用擴展組件二: Ext.ux.IFrame 306
10.7  小結 309
第11章  拖放 310
11.1  拖放簡介 310
11.2  拖放的簡單套用 310
11.3  拖放組件體系 311
11.4  拖放的事件 313
11.5  高級拖放 316
11.5.1  基礎 316
11.5.2  控制柄 317
11.5.3  總在最上面 318
11.5.4  代理 319
11.5.5  分組 320
11.5.6  格線 325
11.5.7  拖放圓形 326
11.5.8  拖放範圍 327
11.6  小結 329
第12章  實用工具 330
12.1  Ext提供的常用函式 330
12.1.1  onReady()函式 330
12.1.2  以get開頭的函式 331
12.1.3  encode()函式和decode()函式 334
12.1.4  extend()函式 336
12.1.5  apply()函式和applyIf()函式 337
12.1.6  namespace()函式 337
12.1.7  Ext.each()函式 338
12.2  使用DomHelper和Template動態生成HTML 339
12.2.1  使用DomHelper生成小片段 340
12.2.2  Ext.DomHelper.apply Styles()函式 343
12.2.3  模板 343
12.2.4  Ext.DomHelper.create Template()函式 346
12.2.5  複雜模板XTemplate 347
12.3  圖形報表 349
12.3.1  柱狀圖 350
12.3.2  橫向柱狀圖 351
12.3.3  折線圖 352
12.3.4  餅狀圖 354
12.3.5  柱狀堆疊圖 355
12.3.6  橫向柱狀堆疊圖 356
12.3.7  混合圖 357
12.3.8  drawing 359
12.4  懸停提示 359
12.4.1  初始化 359
12.4.2  註冊提示 360
12.4.3  標籤提示 360
12.4.4  全局配置 361
12.4.5  個體配置 361
12.5  用Ext.Utils.CSS切換主題 362
12.6  使用fx實現動畫效果 364
12.7  小結 366
第13章  一個完整的Ext套用 367
13.1  確定整體布局 368
13.2  使用HTML和CSS設定靜態信息 369
13.3  對學生信息進行數據建模 370
13.4  在頁面中顯示學生信息列表 375
13.5  添加表單編輯學生信息 379
13.6  為表單添加提交事件 382
13.7  清空表單信息 385
13.8  刪除指定的學生信息 386
13.9  在表格和表單之間進行數據互動 387
13.10  提升載入速度 388
13.10.1  對JavaScript進行壓縮混淆 388
13.10.2  使用客戶端快取 389
13.10.3  使用GZIP壓縮 390
13.11  小結 392
第14章  套用MVC 393
14.1  為啥要用MVC 393
14.2  套用MVC實例 394
14.3  綜合示例 397
14.3.1  整體布局 398
14.3.2  左側功能選單 399
14.3.3  左側選單與中央內容聯動 401
14.3.4  顯示單個功能模組 402
14.4  功能詳解 405
14.4.1  用戶模組 405
14.4.2  組織機構模組 408
14.4.3  特殊功能 411
14.5  小結 413

相關詞條

熱門詞條

聯絡我們