相關商品
商品簡介
作者簡介
目次
商品簡介
EasyUI是一套開源並基於jQuery的界面開發框架，它提供了窗口、菜單、樹、數據網格、按鈕、表單等一系列的功能組件。而所謂的框架，其實相當於是一種二次開發工具，它可以讓很多並未系統學習過相關專業知識、但卻擁有豐富行業經驗的職場人士也能輕鬆開發出符合自身需要的管理系統。
儘管目前市場上各種前端框架“多如牛毛”，但EasyUI強大的數據交互能力仍是企業級B/S項目的開發首要選擇。本書共分八章及一個快速入門實例，全面系統地介紹了58個功能組件的使用方法，非常適合網站相關工作人員、大中專院校師生、培訓班學員以及業餘愛好者閱讀。
儘管目前市場上各種前端框架“多如牛毛”，但EasyUI強大的數據交互能力仍是企業級B/S項目的開發首要選擇。本書共分八章及一個快速入門實例，全面系統地介紹了58個功能組件的使用方法，非常適合網站相關工作人員、大中專院校師生、培訓班學員以及業餘愛好者閱讀。
作者簡介
周菁
企業信息化管理專家，畢業於揚州大學，曾在江蘇省省級機關從事政務數據統計工作十餘年，期間在各類報刊雜誌上發表文章數十篇，其獨立研發的“商場數據採集系統”曾被當時的國內貿易部信息中心用作全國百家重點零售企業的行業數據直報軟件。後進入國內某信息集團和傳媒諮詢機構，一直專注於企業信息化方面的研發和管理工作，服務過的客戶涉及房地產、家電、計算機、傳媒等行業。
企業信息化管理專家，畢業於揚州大學，曾在江蘇省省級機關從事政務數據統計工作十餘年，期間在各類報刊雜誌上發表文章數十篇，其獨立研發的“商場數據採集系統”曾被當時的國內貿易部信息中心用作全國百家重點零售企業的行業數據直報軟件。後進入國內某信息集團和傳媒諮詢機構，一直專注於企業信息化方面的研發和管理工作，服務過的客戶涉及房地產、家電、計算機、傳媒等行業。
目次
導論 使用EasyUI框架實現快速開發 1
0.1 下載並使用EasyUI框架 2
0.1.1 下載EasyUI程序開發包 2
0.1.2 框架文件結構 3
0.1.3 在頁面中使用框架 4
0.1.4 確定頁面主題風格及配色 5
0.2 簡單的登錄窗口設計 9
0.2.1 代碼總體結構 10
0.2.2 頁面內容代碼解析 10
0.2.3 試運行 12
0.3 完善登錄窗口界面 12
0.3.1 選擇要操作的DOM對象 12
0.3.2 應用EasyUI組件 13
0.3.3 設置組件屬性 14
0.4 用戶輸入驗證 14
0.4.1 用戶名驗證 15
0.4.2 密碼驗證 15
0.4.3 執行登錄驗證 16
0.5 通過回車鍵快速移動光標 18
0.5.1 jQuery事件與EasyUI組件事件 18
0.5.2 將需要重複利用的事件代碼封裝為函數 20
0.6 向服務器提交驗證 21
0.6.1 客戶端JS程序代碼 21
0.6.2 服務器端PHP程序代碼 22
0.7 用戶會話控制 24
0.7.1 什麼是會話控制 24
0.7.2 添加“用戶退出”功能 25
0.7.3 門戶型網站的登入、登出設計 28
第1章 佈局類組件 30
1.1 panel（面板） 31
1.1.1 屬性 31
1.1.2 方法 42
1.1.3 事件 44
1.2 tabs（選項卡） 46
1.2.1 屬性 47
1.2.2 方法 50
1.2.3 事件 55
1.3 accordion（分類選項卡） 56
1.3.1 屬性 57
1.3.2 方法 59
1.3.3 事件 62
1.4 layout（佈局） 62
1.4.1 通過頁面標簽創建 62
1.4.2 通過JS代碼管理佈局 66
第2章 基礎工具類組件 71
2.1 draggable（拖動） 72
2.1.1 屬性 73
2.1.2 方法 77
2.1.3 事件 78
2.2 droppable（放置） 80
2.2.1 放置組件的屬性、方法和事件 80
2.2.2 綜合實例 80
2.3 resizable（調整大小） 87
2.3.1 屬性 88
2.3.2 方法 89
2.3.3 事件 89
2.4 window（窗口） 89
2.4.1 屬性 90
2.4.2 方法 92
2.4.3 事件 93
2.5 dialog（對話框） 93
2.5.1 屬性 93
2.5.2 方法 95
2.5.3 事件 95
2.6 progressbar（進度條） 96
2.6.1 屬性 96
2.6.2 方法 96
2.6.3 事件 97
2.7 slider（滑動條） 98
2.7.1 屬性 98
2.7.2 方法 99
2.7.3 事件 100
2.8 tooltip（提示框） 101
2.8.1 屬性 103
2.8.2 方法 104
2.8.3 事件 104
2.9 messager（消息框） 108
2.9.1 消息框 108
2.9.2 警告框 110
2.9.3 確認框 110
2.9.4 輸入確認框 111
2.9.5 進度消息框 112
2.10 calendar（日曆） 114
2.10.1 屬性 114
2.10.2 方法 119
2.10.3 事件 119
2.10.4 實例擴展 121
第3章 樹、菜單與按鈕類組件 123
3.1 tree（樹） 124
3.1.1 靜態樹的創建 126
3.1.2 動態樹的創建 129
3.1.3 屬性列表 135
3.1.4 方法列表 138
3.1.5 事件列表 145
3.2 menu（菜單） 155
3.2.1 菜單創建與菜單項屬性 155
3.2.2 菜單屬性 158
3.2.3 菜單方法 159
3.2.4 菜單事件 162
3.2.5 將樹應用於菜單中 163
3.3 linkbutton（按鈕） 165
3.3.1 屬性 166
3.3.2 方法 168
3.3.3 事件 168
3.4 menubutton（菜單按鈕） 169
3.4.1 屬性 169
3.4.2 方法 171
3.4.3 事件 171
3.5 splitbutton（分割菜單按鈕） 172
3.6 switchbutton（開關按鈕） 172
3.6.1 屬性 173
3.6.2 方法 174
3.6.3 事件 174
第4章 表單類組件 175
4.1 validatebox（驗證框） 176
4.1.1 全部成員 176
4.1.2 驗證規則 177
4.1.3 提示信息 180
4.2 textbox（文本框） 183
4.2.1 屬性 183
4.2.2 方法 187
4.2.3 事件 188
4.3 passwordbox（密碼框） 189
4.3.1 屬性 189
4.3.2 方法 190
4.3.3 事件 190
4.4 searchbox（搜索框） 190
4.4.1 屬性 190
4.4.2 方法 192
4.4.3 事件 193
4.5 combo（下拉框） 193
4.5.1 創建下拉框 193
4.5.2 屬性、方法和事件 195
4.5.3 單選與複選的完整實例 197
4.6 combobox（列表下拉框） 199
4.6.1 屬性 200
4.6.2 方法 212
4.6.3 事件 215
4.7 combotree（樹形下拉框） 218
4.7.1 屬性 218
4.7.2 方法 221
4.7.3 事件 224
4.8 tagbox（標簽框） 224
4.8.1 創建標簽框 224
4.8.2 新增成員 226
4.8.3 列表數據過濾 227
4.8.4 遠程列表數據加載問題 228
4.9 numberbox（數值輸入框） 229
4.9.1 屬性 229
4.9.2 方法 232
4.9.3 事件 232
4.10 spinner（微調器） 233
4.10.1 屬性 233
4.10.2 方法 234
4.10.3 事件 234
4.11 numberspinner（數值微調器） 235
4.11.1 標簽方式創建 235
4.11.2 JS方式創建 236
4.12 timespinner（時間微調器） 237
4.12.1 屬性 237
4.12.2 方法 239
4.12.3 事件 239
4.13 datetimespinner（日期時間微調器） 239
4.13.1 formatter屬性 240
4.13.2 parser屬性 241
4.13.3 重新設定selections屬性 242
4.14 datebox（日期輸入框） 242
4.14.1 屬性 242
4.14.2 方法 248
4.14.3 事件 249
4.15 datetimebox（日期時間輸入框） 249
4.15.1 屬性 249
4.15.2 方法 250
4.16 filebox（文件框） 251
4.17 form（表單） 253
4.17.1 表單數據提交流程 254
4.17.2 form組件成員 255
4.17.3 文件上傳 259
第5章 數據表格基礎組件 263
5.1 pagination（分頁） 264
5.1.1 屬性 264
5.1.2 方法 268
5.1.3 事件 269
5.2 datagrid表格與列屬性 269
5.2.1 標簽方式創建數據表格 269
5.2.2 JS方式創建數據表格 271
5.2.3 datagrid表格的列屬性 273
5.3 datagrid數據加載及分頁排序 280
5.3.1 url方式加載表格數據 280
5.3.2 數據分頁與排序 283
5.3.3 loader與loadFiler 289
5.3.4 與datagrid數據加載、分頁、排序相關的屬性匯總 290
5.4 datagrid外觀、編輯器及視圖屬性 291
5.4.1 行、列操作屬性 292
5.4.2 頂部工具欄及其他附加按鈕 295
5.4.3 編輯器屬性 297
5.4.4 視圖屬性 299
5.5 datagrid方法 301
5.5.1 常規方法 301
5.5.2 選擇數據行與返回數據方法 304
5.5.3 數據記錄編輯方法 305
5.5.4 數據加載與刷新方法 308
5.6 datagrid事件 309
5.6.1 數據加載事件 309
5.6.2 選擇行、排序及右鍵菜單事件 311
5.6.3 單擊、雙擊及編輯事件 314
5.7 datagrid之CRUD完整實例 316
5.7.1 在頁面中增加相應的DOM元素 317
5.7.2 對操作按鈕和查詢項目的初始化 317
5.7.3 增改刪事件前端代碼 318
5.7.4 增改刪事件後臺代碼 322
5.7.5 數據查詢 325
第6章 數據表格增強組件 327
6.1 propertygrid（屬性表格） 328
6.1.1 行數據 328
6.1.2 新增屬性和方法 329
6.2 datalist（數據列表） 332
6.3 combogrid（表格下拉框） 335
6.3.1 本地數據的加載與查詢 335
6.3.2 遠程數據的加載與查詢 337
6.3.3 將表格下拉框作為編輯器使用 339
6.4 treegrid（樹形表格） 341
6.4.1 新增屬性 341
6.4.2 方法 344
6.4.3 事件 345
6.4.4 遠程數據加載綜合實例 346
6.4.5 不存在父節點id列的遠程數據加載 354
6.5 combotreegrid（樹形表格下拉框） 357
6.5.1 新增屬性 357
6.5.2 新增方法 358
第7章 數據表格功能擴展 360
第7章 數據表格功能擴展 361
7.1 edatagrid（可編輯數據表格） 363
7.1.1 新增屬性 364
7.1.2 新增方法 364
7.1.3 新增事件 366
7.2 datagrid-cellediting（單元格編輯表格） 367
7.2.1 新增屬性 367
7.2.2 新增方法 367
7.2.3 新增事件 369
7.3 columns-ext（列擴展表格） 370
7.3.1 基於datagrid擴展的方法 370
7.3.2 基於treegrid擴展的方法 371
7.3.3 新增事件 374
7.4 datagrid-dnd（可拖放行的數據表格） 374
7.4.1 新增屬性 375
7.4.2 新增方法 375
7.4.3 新增事件 376
7.5 treegrid-dnd（可拖放行的樹形表格） 376
7.5.1 新增屬性 377
7.5.2 新增方法 378
7.5.3 新增事件 378
7.6 datagrid-filter（可過濾行的數據表格） 378
7.6.1 新增屬性 379
7.6.2 新增方法 380
7.6.3 新增事件 383
7.7 datagrid-view（數據表格視圖） 383
7.7.1 DetailView（詳細視圖） 383
7.7.2 GroupView（分組視圖） 387
7.7.3 BufferView（緩存視圖） 388
7.7.4 ScrollView（滾動視圖） 390
7.8 pivotgrid（數據分析表格） 391
7.8.1 新增屬性 393
7.8.2 新增方法 395
第8章 其他功能擴展 399
8.1 etree（可編輯樹） 400
8.1.1 新增屬性 401
8.1.2 新增方法 402
8.2 color（顏色下拉框） 402
8.3 texteditor（文本編輯器） 403
8.3.1 新增屬性 403
8.3.2 新增方法 404
8.4 ribbon界面菜單 404
8.4.1 標簽創建方式 404
8.4.2 JS創建方式 406
8.4.3 新增成員 408
8.5 RTL支持 409
8.6 portal（門戶） 409
8.6.1 屬性 413
8.6.2 方法 413
8.6.3 事件 414
0.1 下載並使用EasyUI框架 2
0.1.1 下載EasyUI程序開發包 2
0.1.2 框架文件結構 3
0.1.3 在頁面中使用框架 4
0.1.4 確定頁面主題風格及配色 5
0.2 簡單的登錄窗口設計 9
0.2.1 代碼總體結構 10
0.2.2 頁面內容代碼解析 10
0.2.3 試運行 12
0.3 完善登錄窗口界面 12
0.3.1 選擇要操作的DOM對象 12
0.3.2 應用EasyUI組件 13
0.3.3 設置組件屬性 14
0.4 用戶輸入驗證 14
0.4.1 用戶名驗證 15
0.4.2 密碼驗證 15
0.4.3 執行登錄驗證 16
0.5 通過回車鍵快速移動光標 18
0.5.1 jQuery事件與EasyUI組件事件 18
0.5.2 將需要重複利用的事件代碼封裝為函數 20
0.6 向服務器提交驗證 21
0.6.1 客戶端JS程序代碼 21
0.6.2 服務器端PHP程序代碼 22
0.7 用戶會話控制 24
0.7.1 什麼是會話控制 24
0.7.2 添加“用戶退出”功能 25
0.7.3 門戶型網站的登入、登出設計 28
第1章 佈局類組件 30
1.1 panel（面板） 31
1.1.1 屬性 31
1.1.2 方法 42
1.1.3 事件 44
1.2 tabs（選項卡） 46
1.2.1 屬性 47
1.2.2 方法 50
1.2.3 事件 55
1.3 accordion（分類選項卡） 56
1.3.1 屬性 57
1.3.2 方法 59
1.3.3 事件 62
1.4 layout（佈局） 62
1.4.1 通過頁面標簽創建 62
1.4.2 通過JS代碼管理佈局 66
第2章 基礎工具類組件 71
2.1 draggable（拖動） 72
2.1.1 屬性 73
2.1.2 方法 77
2.1.3 事件 78
2.2 droppable（放置） 80
2.2.1 放置組件的屬性、方法和事件 80
2.2.2 綜合實例 80
2.3 resizable（調整大小） 87
2.3.1 屬性 88
2.3.2 方法 89
2.3.3 事件 89
2.4 window（窗口） 89
2.4.1 屬性 90
2.4.2 方法 92
2.4.3 事件 93
2.5 dialog（對話框） 93
2.5.1 屬性 93
2.5.2 方法 95
2.5.3 事件 95
2.6 progressbar（進度條） 96
2.6.1 屬性 96
2.6.2 方法 96
2.6.3 事件 97
2.7 slider（滑動條） 98
2.7.1 屬性 98
2.7.2 方法 99
2.7.3 事件 100
2.8 tooltip（提示框） 101
2.8.1 屬性 103
2.8.2 方法 104
2.8.3 事件 104
2.9 messager（消息框） 108
2.9.1 消息框 108
2.9.2 警告框 110
2.9.3 確認框 110
2.9.4 輸入確認框 111
2.9.5 進度消息框 112
2.10 calendar（日曆） 114
2.10.1 屬性 114
2.10.2 方法 119
2.10.3 事件 119
2.10.4 實例擴展 121
第3章 樹、菜單與按鈕類組件 123
3.1 tree（樹） 124
3.1.1 靜態樹的創建 126
3.1.2 動態樹的創建 129
3.1.3 屬性列表 135
3.1.4 方法列表 138
3.1.5 事件列表 145
3.2 menu（菜單） 155
3.2.1 菜單創建與菜單項屬性 155
3.2.2 菜單屬性 158
3.2.3 菜單方法 159
3.2.4 菜單事件 162
3.2.5 將樹應用於菜單中 163
3.3 linkbutton（按鈕） 165
3.3.1 屬性 166
3.3.2 方法 168
3.3.3 事件 168
3.4 menubutton（菜單按鈕） 169
3.4.1 屬性 169
3.4.2 方法 171
3.4.3 事件 171
3.5 splitbutton（分割菜單按鈕） 172
3.6 switchbutton（開關按鈕） 172
3.6.1 屬性 173
3.6.2 方法 174
3.6.3 事件 174
第4章 表單類組件 175
4.1 validatebox（驗證框） 176
4.1.1 全部成員 176
4.1.2 驗證規則 177
4.1.3 提示信息 180
4.2 textbox（文本框） 183
4.2.1 屬性 183
4.2.2 方法 187
4.2.3 事件 188
4.3 passwordbox（密碼框） 189
4.3.1 屬性 189
4.3.2 方法 190
4.3.3 事件 190
4.4 searchbox（搜索框） 190
4.4.1 屬性 190
4.4.2 方法 192
4.4.3 事件 193
4.5 combo（下拉框） 193
4.5.1 創建下拉框 193
4.5.2 屬性、方法和事件 195
4.5.3 單選與複選的完整實例 197
4.6 combobox（列表下拉框） 199
4.6.1 屬性 200
4.6.2 方法 212
4.6.3 事件 215
4.7 combotree（樹形下拉框） 218
4.7.1 屬性 218
4.7.2 方法 221
4.7.3 事件 224
4.8 tagbox（標簽框） 224
4.8.1 創建標簽框 224
4.8.2 新增成員 226
4.8.3 列表數據過濾 227
4.8.4 遠程列表數據加載問題 228
4.9 numberbox（數值輸入框） 229
4.9.1 屬性 229
4.9.2 方法 232
4.9.3 事件 232
4.10 spinner（微調器） 233
4.10.1 屬性 233
4.10.2 方法 234
4.10.3 事件 234
4.11 numberspinner（數值微調器） 235
4.11.1 標簽方式創建 235
4.11.2 JS方式創建 236
4.12 timespinner（時間微調器） 237
4.12.1 屬性 237
4.12.2 方法 239
4.12.3 事件 239
4.13 datetimespinner（日期時間微調器） 239
4.13.1 formatter屬性 240
4.13.2 parser屬性 241
4.13.3 重新設定selections屬性 242
4.14 datebox（日期輸入框） 242
4.14.1 屬性 242
4.14.2 方法 248
4.14.3 事件 249
4.15 datetimebox（日期時間輸入框） 249
4.15.1 屬性 249
4.15.2 方法 250
4.16 filebox（文件框） 251
4.17 form（表單） 253
4.17.1 表單數據提交流程 254
4.17.2 form組件成員 255
4.17.3 文件上傳 259
第5章 數據表格基礎組件 263
5.1 pagination（分頁） 264
5.1.1 屬性 264
5.1.2 方法 268
5.1.3 事件 269
5.2 datagrid表格與列屬性 269
5.2.1 標簽方式創建數據表格 269
5.2.2 JS方式創建數據表格 271
5.2.3 datagrid表格的列屬性 273
5.3 datagrid數據加載及分頁排序 280
5.3.1 url方式加載表格數據 280
5.3.2 數據分頁與排序 283
5.3.3 loader與loadFiler 289
5.3.4 與datagrid數據加載、分頁、排序相關的屬性匯總 290
5.4 datagrid外觀、編輯器及視圖屬性 291
5.4.1 行、列操作屬性 292
5.4.2 頂部工具欄及其他附加按鈕 295
5.4.3 編輯器屬性 297
5.4.4 視圖屬性 299
5.5 datagrid方法 301
5.5.1 常規方法 301
5.5.2 選擇數據行與返回數據方法 304
5.5.3 數據記錄編輯方法 305
5.5.4 數據加載與刷新方法 308
5.6 datagrid事件 309
5.6.1 數據加載事件 309
5.6.2 選擇行、排序及右鍵菜單事件 311
5.6.3 單擊、雙擊及編輯事件 314
5.7 datagrid之CRUD完整實例 316
5.7.1 在頁面中增加相應的DOM元素 317
5.7.2 對操作按鈕和查詢項目的初始化 317
5.7.3 增改刪事件前端代碼 318
5.7.4 增改刪事件後臺代碼 322
5.7.5 數據查詢 325
第6章 數據表格增強組件 327
6.1 propertygrid（屬性表格） 328
6.1.1 行數據 328
6.1.2 新增屬性和方法 329
6.2 datalist（數據列表） 332
6.3 combogrid（表格下拉框） 335
6.3.1 本地數據的加載與查詢 335
6.3.2 遠程數據的加載與查詢 337
6.3.3 將表格下拉框作為編輯器使用 339
6.4 treegrid（樹形表格） 341
6.4.1 新增屬性 341
6.4.2 方法 344
6.4.3 事件 345
6.4.4 遠程數據加載綜合實例 346
6.4.5 不存在父節點id列的遠程數據加載 354
6.5 combotreegrid（樹形表格下拉框） 357
6.5.1 新增屬性 357
6.5.2 新增方法 358
第7章 數據表格功能擴展 360
第7章 數據表格功能擴展 361
7.1 edatagrid（可編輯數據表格） 363
7.1.1 新增屬性 364
7.1.2 新增方法 364
7.1.3 新增事件 366
7.2 datagrid-cellediting（單元格編輯表格） 367
7.2.1 新增屬性 367
7.2.2 新增方法 367
7.2.3 新增事件 369
7.3 columns-ext（列擴展表格） 370
7.3.1 基於datagrid擴展的方法 370
7.3.2 基於treegrid擴展的方法 371
7.3.3 新增事件 374
7.4 datagrid-dnd（可拖放行的數據表格） 374
7.4.1 新增屬性 375
7.4.2 新增方法 375
7.4.3 新增事件 376
7.5 treegrid-dnd（可拖放行的樹形表格） 376
7.5.1 新增屬性 377
7.5.2 新增方法 378
7.5.3 新增事件 378
7.6 datagrid-filter（可過濾行的數據表格） 378
7.6.1 新增屬性 379
7.6.2 新增方法 380
7.6.3 新增事件 383
7.7 datagrid-view（數據表格視圖） 383
7.7.1 DetailView（詳細視圖） 383
7.7.2 GroupView（分組視圖） 387
7.7.3 BufferView（緩存視圖） 388
7.7.4 ScrollView（滾動視圖） 390
7.8 pivotgrid（數據分析表格） 391
7.8.1 新增屬性 393
7.8.2 新增方法 395
第8章 其他功能擴展 399
8.1 etree（可編輯樹） 400
8.1.1 新增屬性 401
8.1.2 新增方法 402
8.2 color（顏色下拉框） 402
8.3 texteditor（文本編輯器） 403
8.3.1 新增屬性 403
8.3.2 新增方法 404
8.4 ribbon界面菜單 404
8.4.1 標簽創建方式 404
8.4.2 JS創建方式 406
8.4.3 新增成員 408
8.5 RTL支持 409
8.6 portal（門戶） 409
8.6.1 屬性 413
8.6.2 方法 413
8.6.3 事件 414
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大，除封面破損、內頁脫落等較嚴重的狀態，其餘商品將正常出貨。
特別提醒：部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。
無現貨庫存之簡體書，將向海外調貨：
海外有庫存之書籍，等候約45個工作天;
海外無庫存之書籍，平均作業時間約60個工作天，然不保證確定可調到貨，尚請見諒。
為了保護您的權益，「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨，請在商品鑑賞期內寄回，且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。