CSS類定義：****

１.div easyui-window ———————— window窗口樣式

屬性如下：

　　1) modal:是否生成模態(tài)窗口。true[是] false[否]

　　2)　shadow:是否顯示窗口陰影。true[顯示] false[不顯示]

２.div easyui-panel ————————面板

屬性如下：

1) title:該標題文本顯示在面板頭部。

2) iconCls:在面板上通過一個CSS類顯示16x16圖標。

3) width:設置面板寬度。默認auto。

4) height:設置面板高度。默認auto。

5) left:設置面板左邊距。

6) top:設置面板頂部位置。

7) cls:在面板中增加一個Class類。

8) headerCls:在面板頭部中增加一個Class類。

9) bodyCls:在面板內容中增加一個Class類。

10) style:在面板中增加一個指定樣式。

11) fit:當True時設置該面板尺寸適合于它的父容器。默認false。

12) border:當定義時顯示面板邊界。默認true。

13) doSize:如果設置為True，該面板將重繪大小，并重建布局。默認true。

14) collapsible:當定義時顯示可折疊面板的按鈕。默認false。

15) minimizable:當定義時顯示最小化面板的按鈕。默認false。

16) maximizable:當定義時顯示最大化面板的按鈕。默認false。

17) closable:當定義時顯示關閉面板的按鈕。默認false。

18) tools:自定義工具欄，每個工具都包含兩個屬性:iconCls、handler。

19) collapsed:當定義時該面板初始化時處于收縮狀態(tài)。默認false。

20) minimized:當定義時該面板初始化時處于最小化狀態(tài)。默認false。

21) maximized:當定義時該面板初始化時處于最大化狀態(tài)。默認false。

22) closed：當定義時該面板初始化時處于關閉狀態(tài)。默認false。

23) href:一個url，加載遠程數(shù)據(jù)并顯示在面板中。

24) loadingMessage:當加載遠程數(shù)據(jù)時，在面板中顯示一個消息。默認Loading…

事件如下:

1) onLoad:當遠程數(shù)據(jù)加載完畢后激活。

2) onBeforeOpen:當面板打開前激活。

3) onOpen:當面板打開后激活。

4) onBeforeClose:當面板關閉前激活。

5) onClose:當面板關閉后激活。

6) onBeforeDestroy:當面板銷毀前激活。

7) onDestroy:當面板銷毀后激活。

8) onBeforeCollpase:當面板收縮前激活。

9) onCollapse:當面板收縮后激活。

10) onBeforeExpand:當面板擴展前激活。

11) onExpand:當面板擴展后激活。

12) onResize:當面板重繪后激活 width:新建的外部寬度 height:新建的外部高度

13) onMove:當面板移動后激活。 left:左側新位置。 top:頂部新位置。

14) onMaximize:當窗口最大化后激活。

15) onRestore:當窗口恢復到原來大小時激活。

16) onMinimize:當窗口最小化后激活。

方法如下：

1) options:返回options屬性。

2) panel:返回面板對象。

3) header:返回面板頭部對象。

4) body:返回面板主體對象。

5) setTitle:設置頭部的標題文本。

6) open:當forceOpen參數(shù)設置為true時，面板打開時繞過onBeforeOpen回調函數(shù)。

7) close:當forceClose參數(shù)設置為true時，該面板關閉時繞過onBeforeClose回調函數(shù)。

8) destroy:當forceDestroy參數(shù)設置為true時該面板銷毀時繞過onBeforeDestroy回調函數(shù)。

9) refresh:當href屬性設置后刷新該面板以加載遠程數(shù)據(jù)。

10) resize:設置面板的大小和布局。該options對象包含以下屬性:

width：新的面板寬度。

height：新的面板高度。

left：新的面板左側位置。

top：新的面板頂部位置。

11) move:移動面板到一個新的位置。該options對象包含以下屬性：

left：新的面板左側位置。

top：新的面板頂部位置。

a easyui-linkbutton ————————鏈接類型的按鈕****

屬性如下：

1) disabled:當True時禁用該按鈕。默認false。

2) plain:當True時顯示一個普通效果。默認false。

input/textarea easyui-validatebo——————字段驗證****

屬性如下：

1) required:true[必需] false[不必需] 默認false

2) validType:

a、length[a,b] 字段長度控制在a至b之間。

b、email 驗證Email。

c、url 驗證網(wǎng)絡地址。

3) missingMessage：當文本時出現(xiàn)空時彈出該工具提示，系統(tǒng)有默認[英文]，自定義可覆蓋它。

4) invalidMessage：當文本內容無效后彈出該工具提示，系統(tǒng)有默認[英文]，自定義可覆蓋它。

ul easyui-tree ————————樹形結構****

屬性如下：

5) url:一個獲取遠程數(shù)據(jù)的地址。

6) animate:當展開或折疊節(jié)點時是否定義動畫效果。true[是] false[否] 默認false

節(jié)點屬性如下：

1) text:節(jié)點的顯示文本。

2) id:節(jié)點ID，對于加載遠程數(shù)據(jù)時非常重要。

3) state:節(jié)點狀態(tài)，'open'或'closed'，默認為'open'。當設置為'關閉'，該節(jié)點包含子節(jié)點，并

4) attributes:為節(jié)點添加自定義屬性。

5) children:以數(shù)組節(jié)點的方式定義一些字節(jié)點。

事件如下：

1) onClick:當用戶點擊一個節(jié)點時激活，該節(jié)點參數(shù)包含如下屬性：

2) id：節(jié)點ID

3) text:節(jié)點文本

4) attributes:節(jié)點自定義屬性。

5) target:目標點擊的DOM對象。

6) onLoadSuccess:當數(shù)據(jù)成功加載數(shù)據(jù)時激活，該參數(shù)跟jQuery.ajax的'success'函數(shù)效果相同。

7) onLoadError:當數(shù)據(jù)加載數(shù)據(jù)失敗時激活，該參數(shù)跟jQuery.ajax的'error'函數(shù)效果相同。

方法如下:

1) reload:重新加載樹數(shù)據(jù)。

2) getSelected:獲取選中的節(jié)點并返回它，如果沒有選擇節(jié)點將返回null。

3) collapse:折疊一個節(jié)點，該目標參數(shù)是該節(jié)點的DOM對象。

4) expand:展開一個節(jié)點，該目標參數(shù)是該節(jié)點的DOM對象。

5) append:在一個父節(jié)點追加一些子節(jié)點。

param有兩個屬性：

parent:DOM對象，把它作為父節(jié)點追加(它們)。

data:array，或者節(jié)點數(shù)據(jù)。

6) remove:刪除它以及它以下的子節(jié)點，該目標參數(shù)是該節(jié)點的DOM對象。

table easyui-datagrid —————— 表格****

屬性如下：

7) title:該DataGrid面板的標題文本。

8) iconCls:一個CSS類，將提供一個背景圖片作為標題圖標。

9) border：當true時，顯示該datagrid面板的邊框。

10) width:面板寬度，自動列寬。

11) height:面板高度，自動列高。

12) columns:該DataGrid列配置對象，查看column屬性可獲取更多信息。

13) frozenColumns:跟Columns屬性相同，但是這些列將會被固定在左邊。

14) striped:當true時，單元格顯示條紋。默認false。

15) method:通過該方法類型請求遠程數(shù)據(jù)。默認post。

16) nowrap:當true時，顯示數(shù)據(jù)在同一行上。默認true。

17) idField:說明哪個字段是一個標識字段。

18) url:一個URL，從遠程站點獲取數(shù)據(jù)。

19) loadMsg:當從遠程站點加載數(shù)據(jù)時，顯示一個提示信息。默認"Processing,please wait …"。自定義覆蓋。

20) pagination:當true時在DataGrid底部顯示一個分頁工具欄。默認false。

21) rownumbers:當true時顯示行號。默認false。

22) singleSelect:當true時只允許當前選擇一行。默認false。

23) fit:當true時，設置大小以適應它的父容器。默認false。

24) pageNumber:當設置分頁屬性時，初始化的頁碼編號。默認從1開始

25) pageSize:當設置分頁屬性是，初始化的頁面大小。默認10行

26) pageList:當設置分頁屬性時，初始化頁面的大小選擇清單。默認[10,20,30,40,50]

27) queryParams:當請求遠程數(shù)據(jù)時，也可以發(fā)送額外的參數(shù)。

28) sortName:定義哪列可以排序。

29) sortOrder:定義列的排列順序，只能是'asc'或'desc'。默認asc。

Column屬性如下：

1) title:該列標題文本。

2) field:該列對應的字段名稱。

3) width：列寬。

4) rowspan:說明該單元格需要多少行數(shù)。

5) colspan:說明該單元格需要多少列數(shù)。

6) align:說明Column數(shù)據(jù)的對齊方式。'left'，'right'，'center' 都可以使用。

7) sortable:當true時，允許該列進行排序。

8) checkbox:當true時，允許該列出現(xiàn)checkbox。

事件如下：

1) onLoadSuccess:當遠程數(shù)據(jù)加載成功是激活。

2) onLoadError:當遠程數(shù)據(jù)加載發(fā)現(xiàn)一些錯誤時激活。

3) onClickRow:當用戶點擊某行時激活，參數(shù)包含：

rowIndex: 點擊的行索引，從0開始。

rowData: 點擊行時對應的記錄。

4) onDblClickRow:當用戶雙擊某行時激活，參數(shù)包含：

rowIndex: 點擊的行索引，從0開始。

rowData: 點擊行時對應的記錄。

5) onSortColumn:當用戶對某列排序時激活，參數(shù)包含：

sort:排序字段名稱。

order:排序字段類型。

6) onSelect:當用戶選擇某行時激活，參數(shù)包含:

rowIndex: 點擊的行索引，從0開始。

rowData: 點擊行時對應的記錄。

7) onUnselect:當用戶取消選擇某行時激活，參數(shù)包含:

rowIndex: 點擊的行索引，從0開始。

rowData: 點擊行時對應的記錄。

方法如下：

1) options:返回選擇對象。

2) resize:重調大小，生成布局。

3) reload:重新加載數(shù)據(jù)。

4) fixColumnSize:固定列大小。

5) loadData:加載本地數(shù)據(jù)，過去的行會被刪除。

6)　getSelected:返回第一個選中行的記錄，若未選返回null。

7) getSelections:返回選中的所有行，當沒有選擇記錄時將返回空數(shù)組。

8) clearSelections:清除所有選項的選擇狀態(tài)。

9) selectRow:選擇一行，行索引從0開始。

10)　selectRecord:通過傳遞一個ID值參數(shù)，選擇一行。

11) unselectRow:取消選擇一行。 div easyui-tabs ————————　tab容器

屬性如下：

30) width:容器寬度，自動列寬。

31) height:容器高度，自動列高。

32) idSeed:該根id衍生成標簽面板DOM id屬性。默認0

33) plain：當true時，該Tab渲染不使用容器背景圖片。默認false

34) fit:當true時，設置該Tab大小以適應它的父容器。默認false

35) border:當true時，顯示該Tab邊框。

36) scrollIncrement:

37) scrollDuration:

事件如下：

1) onLoad:當一個ajax Tab面板需要加載遠程數(shù)據(jù)時激活。該參數(shù)跟jQuery.ajax的'success'函數(shù)效果相同。

2) onSelect:當用戶選擇一個Tab面板時激活。

3) onClose:當用戶關閉一個Tab面板時激活。

方法如下:

1) resize:重繪該Tab容器的布局。

2) add:新增加一個Tab面板，該選項參數(shù)是一個配置對象，看Tab面板屬性可獲取更多信息。

3) close：關閉該Tab面板，標題參數(shù)顯示你要關閉的對象。

4) select:選擇一個Tab面板。

5) exists:如果該Tab面板存在即顯示。

Tab面板屬性如下：

1) id:該Tab面板DOM id屬性。

2) text:該Tab面板標題文本。

3) content:該Tab面板內容。

4) href:一個URL，加載遠程內容以填充Tab面板。

5) cache:當true時，緩存Tab面板，當href 屬性設置后有效。默認true

6) icon:增加一個CSS class圖標以顯示在Tab面板的標題旁。

7) closable:當true時，該Tab面板將顯示可關閉按鈕，點擊能關閉該Tab面板。默認false

8) selected:當true時，該Tab面板將被選中。默認false

9) width:面板寬度，自動列寬。

10)height:面板高度，自動列高。 div menu-sep 菜單分隔線 a easyui-splitbutton 菜單列 div easyui-accordion 　手風琴式下拉框

繼承自panel select easyui-combobox ——————組合下拉框****

屬性如下：

38) width:容器寬度，自動列寬。

39) listWidth:該組合下拉框的寬度。

40) listHeight:該組合下拉框的高度。

41) valueField：把該基礎數(shù)據(jù)的值名稱綁定到組合下拉框中[value]。

42) textField:把該基礎數(shù)據(jù)的字段名稱綁定到組合下拉框中[text]。

43) editable:當True時，可直接在文字域中鍵入文本。默認true。

44) url:一個URL，從遠程加載列表數(shù)據(jù)。

事件如下：

1) onLoadSuccess:當遠程數(shù)據(jù)加載成功是激活。

2) onLoadError:當遠程數(shù)據(jù)加載發(fā)現(xiàn)一些錯誤時激活。

3) onSelect:當用戶選擇一個列表選項時激活。

4) onChange:當該字段的值發(fā)生改變時激活。

方法如下:

1) select: 在下拉列表中選擇一個值。

2) setValue: 設置指定值到該字段。在'param' 參數(shù)可以是一個字符串或者一個JS對象。注:JS對象包含的屬性對應valueField和TextField兩個屬性。

3) getValue: 獲取該字段的值。

4) reload: 重新請求遠程列表數(shù)據(jù)。

select easyui-combotree————————組合樹形框****

屬性如下：

45) width:容器寬度，自動列寬。

46) treeWidth:該樹形下拉框的寬度。

47) treeHeight:該樹形下拉框的高度。

48) url:一個URL，從遠程加載樹形數(shù)據(jù)。

事件如下：

1) onSelect:當用戶選擇一個樹形節(jié)點時激活。

2) onChange:當該字段的值發(fā)生改變時激活。

方法如下:

1) setValue: 設置指定值到該字段。在'param' 參數(shù)可以是一個樹形節(jié)點ID值或者一個JS對象。注:JS對象包含的屬性對應id和text兩個屬性。

2) getValue: 獲取該字段的值。

3) reload: 重新請求遠程列表數(shù)據(jù)。

body[div] easyui-layout —————————— 布局****

屬性如下：

49) title:該面板標題文本。

50) region:定義布局面板的位置，包含下列值:north,south, east, west, center。

51) border:當True時顯示布局面板的邊框。默認為True。

52) split: 當True時顯示一個分割符以使用戶改變面板的尺寸。默認false。

53) icon:一個圖標CSS類，在面板頭部顯示一個圖標。

54) href:一個URL,以從遠程站點加載數(shù)據(jù)。
div easyui-menu —————— 菜單****

屬性如下：

55) zIndex: Menu z-index樣式。注釋：z-index 屬性設置元素的堆疊順序。

56) left:菜單左起位置。默認0。

57) top: 菜單頂部位置。默認0。

58) href:當點擊菜單項時能在當前瀏覽器窗口顯示不同的網(wǎng)址。

事件如下:

1) onShow:激活后顯示菜單。

2) onHide:激活后隱藏菜單。

方法如下:

1) show:在指定的位置顯示一個菜單。該位置上包含兩個參數(shù)：

2) left:新的左起位置。

3) top:新的頂部位置。

4) hide:隱藏一個菜單。 a easyui-menubutton ——————菜單按鈕****

屬性如下：

59) disabled:當True時禁用該按鈕。默認false。

60) plain:當True時顯示一個普通效果。默認false。

61) menu:一個選擇器名稱，用來創(chuàng)建相應的菜單。

62) duration: 當懸停該按鈕時，定義菜單的持續(xù)顯示時間，單位為毫秒。默認 input easyui-numberbox ————————數(shù)字輸入框****

選項如下:

63) min:允許的最小值。當輸入值小于最小值時，顯示最小值。

64) max:允許的最大值。當輸入值大于最大值時，顯示最大值。

65) precision:分隔符后能精確的小數(shù)點位數(shù)。整數(shù)默認會追加小數(shù)點位數(shù)。

JS定義：**** window ————————window窗口 .tree ————————樹形結構 .datagrid ———————— 表格 .combobox ————————組合下拉框 .combotree ————————組合樹形框 .dialog ————————對話框****

繼承自window

私有屬性如下：

1) title:該對話框標題文本。默認"New Dialog"。

2) collapsible:當True時可顯示折疊按鈕。默認false。

3) minimizable:當True時可顯示最小化按鈕。默認false。

4) maximizable:當True時可顯示最大化按鈕。默認false。

5) resizable:當True時能重繪對話框大小。默認false。

6) toolbar:該工具欄置于對話框的頂部，每個工具欄包含:text, iconCls, disabled, handler等屬性。

7) buttons:這個按鈕置于對話框的底部，每個按鈕包含:text, iconCls, handler等屬性。

.draggable ————————可自由拖動的塊****

屬性如下:

1) handle:選擇"#id"進行拖動。

2) disabled:當True時停止自由拖動。默認false。

3) edge:開始拖動拖動塊時的寬度。默認0。

4) axis:當拖動塊移動時定義軸，可選值是'v'或者'h',當超出'v'和'h'的方位時將設置為null。

事件如下：

1) onStartDrag:當目標對象開始拖動時激活。

2) onDrag:在拖動期間激活。返回false將不會實際拖動它(的位置)。

3) onStopDrag:當目標對象停止拖動時激活。 .linkbutton ——————————鏈式按鈕****

.messager —————————— 消息框****

選項如下：

1) ok:顯示確定按鈕文本。

2) cancel:顯示取消按鈕文本。

方法如下

1) show:在屏幕的右下角出現(xiàn)一個消息框。該選項參數(shù)是一個配置對象，它包括：

showType:定義消息框顯示的模式，可選值包括:null,slide,fade,show.默認slide.

showSpeed: 定義消息框完成顯示的時間。默認600毫秒。

width: 定義消息框的寬度。默認250。

height:定義消息框的高度。默認100。

msg:定義消息框顯示的文本。

title: 在消息框面板頭部顯示標題文本。

timeout: 如果定義為0,消息框將不會自動關閉，除非用戶手動關閉它。如果定義為非0值，消息框會在超時結束時自動關閉它。單位毫秒。

2) alert:顯示一個打印窗口。它的參數(shù)如下:

title: 在頭部顯示標題文本。

msg:顯示文本內容。

icon: 顯示圖標。可選值:error,question,info,warning。

fn: 當窗口關閉后觸發(fā)回調函數(shù)。

3) confirm:顯示一個包含確定和取消按鈕的確認消息框。參數(shù)包括:

title:在頭部顯示標題文本。

msg: 顯示文本內容。

fn(b):回調函數(shù)，當用戶點擊OK按鈕，返回True,才會處理該函數(shù)，其它按鈕返回false,不處理。

4) prompt:顯示一個消息框，包含OK和Cancel按鈕并提示用戶輸入一些文本。參數(shù)包括:

title:在頭部顯示標題文本。

msg:顯示文本內容。

fn(val):該回調函數(shù)處理用戶輸入的參數(shù)值。

.pagination——————————————————————————頁碼工具條

屬性如下：

1. total:當分頁條創(chuàng)建后設置的記錄數(shù)。默認1。
2. pageSize:頁面大小。默認10。
3. pageNumber:當分頁創(chuàng)建后顯示的頁碼。默認1。
4. pageList:用戶能更改頁面的大小。您也可以改變該屬性定義的默認大小。默認[10,20,30,50]。
5. loading:定義是否正在加載。默認false。
6. buttons:定義自定義按鈕，每個按鈕都包含兩個屬性:
   1. iconCls: 該CSS類將顯示一個背景圖標。
   2. handler: 當按鈕點擊時觸發(fā)一個處理函數(shù)。
7. beforePageText:當輸入組件前顯示一個標簽文本。
8. afterPageText:當輸入組件后顯示一個標簽文本。
9. displayMsg:顯示一個頁面信息。 方法如下:

1) onSelectPage:當用戶選擇一個新頁面時激活。該回調函數(shù)包括兩個參數(shù):

2) pageNumber: 該新頁面的頁碼。

3) pageSize:該新頁面的大小。 筆記內容