jQuery EasyUI網(wǎng)站開發(fā)實戰(zhàn)

導(dǎo)論　使用EasyUI框架實現(xiàn)快速開發(fā)\t1
0．1　下載并使用EasyUI框架\t2
0．1．1　下載EasyUI程序開發(fā)包\t2
0．1．2　框架文件結(jié)構(gòu)\t3
0．1．3　在頁面中使用框架\t4
0．1．4　確定頁面主題風(fēng)格及配色\t5
0．2　簡單的登錄窗口設(shè)計\t9
0．2．1　代碼總體結(jié)構(gòu)\t10
0．2．2　頁面內(nèi)容代碼解析\t10
0．2．3　試運行\(zhòng)t12
0．3　完善登錄窗口界面\t12
0．3．1　選擇要操作的DOM對象\t12
0．3．2　應(yīng)用EasyUI組件\t13
0．3．3　設(shè)置組件屬性\t14
0．4　用戶輸入驗證\t14
0．4．1　用戶名驗證\t15
0．4．2　密碼驗證\t15
0．4．3　執(zhí)行登錄驗證\t16
0．5　通過回車鍵快速移動光標(biāo)\t18
0．5．1　jQuery事件與EasyUI組件事件\t18
0．5．2　將需要重復(fù)利用的事件代碼封裝為函數(shù)\t20
0．6　向服務(wù)器提交驗證\t21
0．6．1　客戶端JS程序代碼\t21
0．6．2　服務(wù)器端PHP程序代碼\t22
0．7　用戶會話控制\t24
0．7．1　什么是會話控制\t24
0．7．2　添加“用戶退出”功能\t25
0．7．3　門戶型網(wǎng)站的登入、登出設(shè)計\t28
D1章　布局類組件\t30
1．1　panel（面板）\t31
1．1．1　屬性\t31
1．1．2　方法\t42
1．1．3　事件\t44
1．2　tabs（選項卡）\t46
1．2．1　屬性\t47
1．2．2　方法\t50
1．2．3　事件\t55
1．3　accordion（分類選項卡）\t56
1．3．1　屬性\t57
1．3．2　方法\t59
1．3．3　事件\t62
1．4　layout（布局）\t62
1．4．1　通過頁面標(biāo)簽創(chuàng)建\t62
1．4．2　通過JS代碼管理布局\t66
D2章　基礎(chǔ)工具類組件\t71
2．1　draggable（拖動）\t72
2．1．1　屬性\t73
2．1．2　方法\t77
2．1．3　事件\t78
2．2　droppable（放置）\t80
2．2．1　放置組件的屬性、方法和事件\t80
2．2．2　綜合實例\t80
2．3　resizable（調(diào)整大?。‐t87
2．3．1　屬性\t88
2．3．2　方法\t89
2．3．3　事件\t89
2．4　window（窗口）\t89
2．4．1　屬性\t90
2．4．2　方法\t92
2．4．3　事件\t93
2．5　dialog（對話框）\t93
2．5．1　屬性\t93
2．5．2　方法\t95
2．5．3　事件\t95
2．6　progressbar（進(jìn)度條）\t96
2．6．1　屬性\t96
2．6．2　方法\t96
2．6．3　事件\t97
2．7　slider（滑動條）\t98
2．7．1　屬性\t98
2．7．2　方法\t99
2．7．3　事件\t100
2．8　tooltip（提示框）\t101
2．8．1　屬性\t103
2．8．2　方法\t104
2．8．3　事件\t104
2．9　messager（消息框）\t108
2．9．1　消息框\t108
2．9．2　警告框\t110
2．9．3　確認(rèn)框\t110
2．9．4　輸入確認(rèn)框\t111
2．9．5　進(jìn)度消息框\t112
2．10　calendar（日歷）\t114
2．10．1　屬性\t114
2．10．2　方法\t119
2．10．3　事件\t119
2．10．4　實例擴(kuò)展\t121
第3章　樹、菜單與按鈕類組件\t123
3．1　tree（樹）\t124
3．1．1　靜態(tài)樹的創(chuàng)建\t126
3．1．2　動態(tài)樹的創(chuàng)建\t129
3．1．3　屬性列表\t135
3．1．4　方法列表\t138
3．1．5　事件列表\t145
3．2　menu（菜單）\t155
3．2．1　菜單創(chuàng)建與菜單項屬性\t155
3．2．2　菜單屬性\t158
3．2．3　菜單方法\t159
3．2．4　菜單事件\t162
3．2．5　將樹應(yīng)用于菜單中\(zhòng)t163
3．3　linkbutton（按鈕）\t165
3．3．1　屬性\t166
3．3．2　方法\t168
3．3．3　事件\t168
3．4　menubutton（菜單按鈕）\t169
3．4．1　屬性\t169
3．4．2　方法\t171
3．4．3　事件\t171
3．5　splitbutton（分割菜單按鈕）\t172
3．6　switchbutton（開關(guān)按鈕）\t172
3．6．1　屬性\t173
3．6．2　方法\t174
3．6．3　事件\t174
第4章　表單類組件\t175
4．1　validatebox（驗證框）\t176
4．1．1　全部成員\t176
4．1．2　驗證規(guī)則\t177
4．1．3　提示信息\t180
4．2　textbox（文本框）\t183
4．2．1　屬性\t183
4．2．2　方法\t187
4．2．3　事件\t188
4．3　passwordbox（密碼框）\t189
4．3．1　屬性\t189
4．3．2　方法\t190
4．3．3　事件\t190
4．4　searchbox（搜索框）\t190
4．4．1　屬性\t190
4．4．2　方法\t192
4．4．3　事件\t193
4．5　combo（下拉框）\t193
4．5．1　創(chuàng)建下拉框\t193
4．5．2　屬性、方法和事件\t195
4．5．3　單選與復(fù)選的完整實例\t197
4．6　combobox（列表下拉框）\t199
4．6．1　屬性\t200
4．6．2　方法\t212
4．6．3　事件\t215
4．7　combotree（樹形下拉框）\t218
4．7．1　屬性\t218
4．7．2　方法\t221
4．7．3　事件\t224
4．8　tagbox（標(biāo)簽框）\t224
4．8．1　創(chuàng)建標(biāo)簽框\t224
4．8．2　新增成員\t226
4．8．3　列表數(shù)據(jù)過濾\t227
4．8．4　遠(yuǎn)程列表數(shù)據(jù)加載問題\t228
4．9　numberbox（數(shù)值輸入框）\t229
4．9．1　屬性\t229
4．9．2　方法\t232
4．9．3　事件\t232
4．10　spinner（微調(diào)器）\t233
4．10．1　屬性\t233
4．10．2　方法\t234
4．10．3　事件\t234
4．11　numberspinner（數(shù)值微調(diào)器）\t235
4．11．1　標(biāo)簽方式創(chuàng)建\t235
4．11．2　JS方式創(chuàng)建\t236
4．12　timespinner（時間微調(diào)器）\t237
4．12．1　屬性\t237
4．12．2　方法\t239
4．12．3　事件\t239
4．13　datetimespinner（日期時間微調(diào)器）\t239
4．13．1　formatter屬性\t240
4．13．2　parser屬性\t241
4．13．3　重新設(shè)定selections屬性\t242
4．14　datebox（日期輸入框）\t242
4．14．1　屬性\t242
4．14．2　方法\t248
4．14．3　事件\t249
4．15　datetimebox（日期時間輸入框）\t249
4．15．1　屬性\t249
4．15．2　方法\t250
4．16　filebox（文件框）\t251
4．17　form（表單）\t253
4．17．1　表單數(shù)據(jù)提交流程\t254
4．17．2　form組件成員\t255
4．17．3　文件上傳\t259
第5章　數(shù)據(jù)表格基礎(chǔ)組件\t263
5．1　pagination（分頁）\t264
5．1．1　屬性\t264
5．1．2　方法\t268
5．1．3　事件\t269
5．2　datagrid表格與列屬性\t269
5．2．1　標(biāo)簽方式創(chuàng)建數(shù)據(jù)表格\t269
5．2．2　JS方式創(chuàng)建數(shù)據(jù)表格\t271
5．2．3　datagrid表格的列屬性\t273
5．3　datagrid數(shù)據(jù)加載及分頁排序\t280
5．3．1　url方式加載表格數(shù)據(jù)\t280
5．3．2　數(shù)據(jù)分頁與排序\t283
5．3．3　loader與loadFiler\t289
5．3．4　與datagrid數(shù)據(jù)加載、分頁、排序相關(guān)的屬性匯總\t290
5．4　datagrid外觀、編輯器及視圖屬性\t291
5．4．1　行、列操作屬性\t292
5．4．2　頂部工具欄及其他附加按鈕\t295
5．4．3　編輯器屬性\t297
5．4．4　視圖屬性\t299
5．5　datagrid方法\t301
5．5．1　常規(guī)方法\t301
5．5．2　選擇數(shù)據(jù)行與返回數(shù)據(jù)方法\t304
5．5．3　數(shù)據(jù)記錄編輯方法\t305
5．5．4　數(shù)據(jù)加載與刷新方法\t308
5．6　datagrid事件\t309
5．6．1　數(shù)據(jù)加載事件\t309
5．6．2　選擇行、排序及右鍵菜單事件\t311
5．6．3　單擊、雙擊及編輯事件\t314
5．7　datagrid之CRUD完整實例\t316
5．7．1　在頁面中增加相應(yīng)的DOM元素\t317
5．7．2　對操作按鈕和查詢項目的初始化\t317
5．7．3　增改刪事件前端代碼\t318
5．7．4　增改刪事件后臺代碼\t322
5．7．5　數(shù)據(jù)查詢\t325
第6章　數(shù)據(jù)表格增強(qiáng)組件\t327
6．1　propertygrid（屬性表格）\t328
6．1．1　行數(shù)據(jù)\t328
6．1．2　新增屬性和方法\t329
6．2　datalist（數(shù)據(jù)列表）\t332
6．3　combogrid（表格下拉框）\t335
6．3．1　本地數(shù)據(jù)的加載與查詢\t335
6．3．2　遠(yuǎn)程數(shù)據(jù)的加載與查詢\t337
6．3．3　將表格下拉框作為編輯器使用\t339
6．4　treegrid（樹形表格）\t341
6．4．1　新增屬性\t341
6．4．2　方法\t344
6．4．3　事件\t345
6．4．4　遠(yuǎn)程數(shù)據(jù)加載綜合實例\t346
6．4．5　不存在父節(jié)點id列的遠(yuǎn)程數(shù)據(jù)加載\t354
6．5　combotreegrid（樹形表格下拉框）\t357
6．5．1　新增屬性\t357
6．5．2　新增方法\t358
第7章　數(shù)據(jù)表格功能擴(kuò)展\t360
第7章　數(shù)據(jù)表格功能擴(kuò)展\t361
7．1　edatagrid（可編輯數(shù)據(jù)表格）\t363
7．1．1　新增屬性\t364
7．1．2　新增方法\t364
7．1．3　新增事件\t366
7．2　datagrid-cellediting（單元格編輯表格）\t367
7．2．1　新增屬性\t367
7．2．2　新增方法\t367
7．2．3　新增事件\t369
7．3　columns-ext（列擴(kuò)展表格）\t370
7．3．1　基于datagrid擴(kuò)展的方法\t370
7．3．2　基于treegrid擴(kuò)展的方法\t371
7．3．3　新增事件\t374
7．4　datagrid-dnd（可拖放行的數(shù)據(jù)表格）\t374
7．4．1　新增屬性\t375
7．4．2　新增方法\t375
7．4．3　新增事件\t376
7．5　treegrid-dnd（可拖放行的樹形表格）\t376
7．5．1　新增屬性\t377
7．5．2　新增方法\t378
7．5．3　新增事件\t378
7．6　datagrid-filter（可過濾行的數(shù)據(jù)表格）\t378
7．6．1　新增屬性\t379
7．6．2　新增方法\t380
7．6．3　新增事件\t383
7．7　datagrid-view（數(shù)據(jù)表格視圖）\t383
7．7．1　DetailView（詳細(xì)視圖）\t383
7．7．2　GroupView（分組視圖）\t387
7．7．3　BufferView（緩存視圖）\t388
7．7．4　ScrollView（滾動視圖）\t390
7．8　pivotgrid（數(shù)據(jù)分析表格）\t391
7．8．1　新增屬性\t393
7．8．2　新增方法\t395
第8章　其他功能擴(kuò)展\t399
8．1　etree（可編輯樹）\t400
8．1．1　新增屬性\t401
8．1．2　新增方法\t402
8．2　color（顏色下拉框）\t402
8．3　texteditor（文本編輯器）\t403
8．3．1　新增屬性\t403
8．3．2　新增方法\t404
8．4　ribbon界面菜單\t404
8．4．1　標(biāo)簽創(chuàng)建方式\t404
8．4．2　JS創(chuàng)建方式\t406
8．4．3　新增成員\t408
8．5　RTL支持\t409
8．6　portal（門戶）\t409
8．6．1　屬性\t413
8．6．2　方法\t413
8．6．3　事件\t414