jQuery EasyUI網站開發實戰

《jQuery EasyUI網站開發實戰》是2018年12月人民郵電出版社出版的圖書，作者是周菁。

基本介紹

• 中文名：jQuery EasyUI網站開發實戰
• 作者：周菁
• 出版社：人民郵電出版社
• 出版時間：2018年12月
• 頁數：414 頁
• 定價：79 元
• 開本：16 開
• 裝幀：平裝
• ISBN：9787115476029

內容簡介

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