編輯推薦
本書包含以下幾個部分:
導論:如何使用EasyUI框架實現快速開發
詳細介紹EasyUI框架的安裝與使用方法,並以一個完整的實例(從用戶驗證登錄、到項目主頁、再到用戶登齣),讓讀者對如何使用EasyUI框架進行實戰項目開發有個更直觀的體驗。
D1章 布局類組件
具體包括麵闆、選項卡、分類選項卡、布局4個組件。
D2章 基礎工具類組件
具體包括拖動、放置、調整大小、窗口、對話框、進度條、滑動條、提示框、消息框、日曆10個組件。
第三章 樹、菜單與按鈕類組件
具體包括樹、菜單、按鈕、菜單按鈕、菜單分割按鈕、開關按鈕6個組件。
第四章 錶單類組件
具體包括驗證框、文本框、密碼框、搜索框、下拉框、列錶下拉框、樹形下拉框、標簽框、數值輸入框、微調器、數值微調器、時間微調器、日期時間微調器、日期輸入框、日期時間輸入框、文件框、錶單17個組件。
第五章 數據錶格基礎組件
具體包括分頁和數據錶格2個組件。
由於數據錶格是企業級B/S項目應用的核心,它不僅可以用於展示各種數據,同時也可以對後颱數據進行編輯修改和提交,屬於EasyUI整個框架中的超級組件,因此本章共分7節來講解數據錶格的功能。
第六章 數據錶格增強組件
具體包括屬性錶格、數據列錶、錶格下拉框、樹形錶格、樹形錶格下拉框5個組件。
第七章 數據錶格功能擴展
具體包括可編輯數據錶格、單元格編輯錶格、列擴展錶格、可拖放行的數據錶格、可拖放行的樹形錶格、可過濾行的數據錶格、數據錶格視圖、數據分析錶格8個組件。
第八章 其它功能擴展
具體包括可編輯樹、顔色下拉框、文本編輯器、ribbon界麵菜單、RTL支持、門戶6個組件。
內容簡介
EasyUI是一套開源並基於jQuery的界麵開發框架,它提供瞭窗口、菜單、樹、數據網格、按鈕、錶單等一係列的功能組件。而所謂的框架,其實相當於是一種二次開發工具,它可以讓很多並未係統學習過相關專業知識、但卻擁有豐富行業經驗的職場人士也能輕鬆開發齣符閤自身需要的管理係統。
盡管目前市場上各種前端框架“多如牛毛”,但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
D1章 布局類組件 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
D2章 基礎工具類組件 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
jQuery EasyUI網站開發實戰 下載 mobi epub pdf txt 電子書