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

導(dǎo)論　使用EasyUI框架實(shí)現(xiàn)快速開發(fā)\t1
0．1　下載并使用EasyUI框架\t2
0．1．1　下載EasyUI程序開發(fā)包\t2
0．1．2　框架文件結(jié)構(gòu)\t3
0．1．3　在頁(yè)面中使用框架\t4
0．1．4　確定頁(yè)面主題風(fēng)格及配色\t5
0．2　簡(jiǎn)單的登錄窗口設(shè)計(jì)\t9
0．2．1　代碼總體結(jié)構(gòu)\t10
0．2．2　頁(yè)面內(nèi)容代碼解析\t10
0．2．3　試運(yùn)行\(zhòng)t12
0．3　完善登錄窗口界面\t12
0．3．1　選擇要操作的DOM對(duì)象\t12
0．3．2　應(yīng)用EasyUI組件\t13
0．3．3　設(shè)置組件屬性\t14
0．4　用戶輸入驗(yàn)證\t14
0．4．1　用戶名驗(yàn)證\t15
0．4．2　密碼驗(yàn)證\t15
0．4．3　執(zhí)行登錄驗(yàn)證\t16
0．5　通過回車鍵快速移動(dòng)光標(biāo)\t18
0．5．1　jQuery事件與EasyUI組件事件\t18
0．5．2　將需要重復(fù)利用的事件代碼封裝為函數(shù)\t20
0．6　向服務(wù)器提交驗(yàn)證\t21
0．6．1　客戶端JS程序代碼\t21
0．6．2　服務(wù)器端PHP程序代碼\t22
0．7　用戶會(huì)話控制\t24
0．7．1　什么是會(huì)話控制\t24
0．7．2　添加“用戶退出”功能\t25
0．7．3　門戶型網(wǎng)站的登入、登出設(shè)計(jì)\t28
D1章　布局類組件\t30
1．1　panel（面板）\t31
1．1．1　屬性\t31
1．1．2　方法\t42
1．1．3　事件\t44
1．2　tabs（選項(xiàng)卡）\t46
1．2．1　屬性\t47
1．2．2　方法\t50
1．2．3　事件\t55
1．3　accordion（分類選項(xiàng)卡）\t56
1．3．1　屬性\t57
1．3．2　方法\t59
1．3．3　事件\t62
1．4　layout（布局）\t62
1．4．1　通過頁(yè)面標(biāo)簽創(chuàng)建\t62
1．4．2　通過JS代碼管理布局\t66
D2章　基礎(chǔ)工具類組件\t71
2．1　draggable（拖動(dòng)）\t72
2．1．1　屬性\t73
2．1．2　方法\t77
2．1．3　事件\t78
2．2　droppable（放置）\t80
2．2．1　放置組件的屬性、方法和事件\t80
2．2．2　綜合實(shí)例\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（對(duì)話框）\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（滑動(dòng)條）\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　實(shí)例擴(kuò)展\t121
第3章　樹、菜單與按鈕類組件\t123
3．1　tree（樹）\t124
3．1．1　靜態(tài)樹的創(chuàng)建\t126
3．1．2　動(dòng)態(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)建與菜單項(xià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（驗(yàn)證框）\t176
4．1．1　全部成員\t176
4．1．2　驗(yàn)證規(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ù)選的完整實(shí)例\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（時(shí)間微調(diào)器）\t237
4．12．1　屬性\t237
4．12．2　方法\t239
4．12．3　事件\t239
4．13　datetimespinner（日期時(shí)間微調(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（日期時(shí)間輸入框）\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（分頁(yè)）\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ù)加載及分頁(yè)排序\t280
5．3．1　url方式加載表格數(shù)據(jù)\t280
5．3．2　數(shù)據(jù)分頁(yè)與排序\t283
5．3．3　loader與loadFiler\t289
5．3．4　與datagrid數(shù)據(jù)加載、分頁(yè)、排序相關(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ù)行與返回?cái)?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完整實(shí)例\t316
5．7．1　在頁(yè)面中增加相應(yīng)的DOM元素\t317
5．7．2　對(duì)操作按鈕和查詢項(xiàng)目的初始化\t317
5．7．3　增改刪事件前端代碼\t318
5．7．4　增改刪事件后臺(tái)代碼\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　本地?cái)?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ù)加載綜合實(shí)例\t346
6．4．5　不存在父節(jié)點(diǎn)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（滾動(dòng)視圖）\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