CSS類定義：
屬性如下：
1)modal:是否生成模態(tài)窗口。true[是] false[否]
2)shadow:是否顯示窗口陰影。true[顯示] false[不顯示]
屬性如下：
1)title:該標(biāo)題文本顯示在面板頭部。
2)iconCls:在面板上通過一個(gè)CSS類顯示16x16圖標(biāo)。
3)width:設(shè)置面板寬度。默認(rèn)auto。
4)height:設(shè)置面板高度。默認(rèn)auto。
5)left:設(shè)置面板左邊距。
6)top:設(shè)置面板頂部位置。
7)cls:在面板中增加一個(gè)Class類。
8)headerCls:在面板頭部中增加一個(gè)Class類。
9)bodyCls:在面板內(nèi)容中增加一個(gè)Class類。
10)style:在面板中增加一個(gè)指定樣式。
11)fit:當(dāng)True時(shí)設(shè)置該面板尺寸適合于它的父容器。默認(rèn)false。
12)border:當(dāng)定義時(shí)顯示面板邊界。默認(rèn)true。
13)doSize:如果設(shè)置為True，該面板將重繪大小，并重建布局。默認(rèn)true。
14)collapsible:當(dāng)定義時(shí)顯示可折疊面板的按鈕。默認(rèn)false。
15)minimizable:當(dāng)定義時(shí)顯示最小化面板的按鈕。默認(rèn)false。
16)maximizable:當(dāng)定義時(shí)顯示最大化面板的按鈕。默認(rèn)false。
17)closable:當(dāng)定義時(shí)顯示關(guān)閉面板的按鈕。默認(rèn)false。
18)tools:自定義工具欄，每個(gè)工具都包含兩個(gè)屬性:iconCls、handler。
19)collapsed:當(dāng)定義時(shí)該面板初始化時(shí)處于收縮狀態(tài)。默認(rèn)false。
20)minimized:當(dāng)定義時(shí)該面板初始化時(shí)處于最小化狀態(tài)。默認(rèn)false。
21)maximized:當(dāng)定義時(shí)該面板初始化時(shí)處于最大化狀態(tài)。默認(rèn)false。
22)closed：當(dāng)定義時(shí)該面板初始化時(shí)處于關(guān)閉狀態(tài)。默認(rèn)false。
23)href:一個(gè)url，加載遠(yuǎn)程數(shù)據(jù)并顯示在面板中。
24)loadingMessage:當(dāng)加載遠(yuǎn)程數(shù)據(jù)時(shí)，在面板中顯示一個(gè)消息。默認(rèn)Loading…
事件如下:
1)onLoad:當(dāng)遠(yuǎn)程數(shù)據(jù)加載完畢后激活。
2)onBeforeOpen:當(dāng)面板打開前激活。
3)onOpen:當(dāng)面板打開后激活。
4)onBeforeClose:當(dāng)面板關(guān)閉前激活。
5)onClose:當(dāng)面板關(guān)閉后激活。
6)onBeforeDestroy:當(dāng)面板銷毀前激活。
7)onDestroy:當(dāng)面板銷毀后激活。
8)onBeforeCollpase:當(dāng)面板收縮前激活。
9)onCollapse:當(dāng)面板收縮后激活。
10)onBeforeExpand:當(dāng)面板擴(kuò)展前激活。
11)onExpand:當(dāng)面板擴(kuò)展后激活。
12)onResize:當(dāng)面板重繪后激活。
width:新建的外部寬度
height:新建的外部高度
13)onMove:當(dāng)面板移動(dòng)后激活。
left:左側(cè)新位置。
top:頂部新位置。
14)onMaximize:當(dāng)窗口最大化后激活。
15)onRestore:當(dāng)窗口恢復(fù)到原來大小時(shí)激活。
16)onMinimize:當(dāng)窗口最小化后激活。
方法如下：
1)options:返回options屬性。
2)panel:返回面板對象。
3)header:返回面板頭部對象。
4)body:返回面板主體對象。
5)setTitle:設(shè)置頭部的標(biāo)題文本。
6)open:當(dāng)forceOpen參數(shù)設(shè)置為true時(shí)，面板打開時(shí)繞過onBeforeOpen回調(diào)函數(shù)。
7)close:當(dāng)forceClose參數(shù)設(shè)置為true時(shí)，該面板關(guān)閉時(shí)繞過onBeforeClose回調(diào)函數(shù)。
8)destroy:當(dāng)forceDestroy參數(shù)設(shè)置為true時(shí)該面板銷毀時(shí)繞過onBeforeDestroy回調(diào)函數(shù)。
9)refresh:當(dāng)href屬性設(shè)置后刷新該面板以加載遠(yuǎn)程數(shù)據(jù)。
10)resize:設(shè)置面板的大小和布局。該options對象包含以下屬性:
width：新的面板寬度。
height：新的面板高度。
left：新的面板左側(cè)位置。
top：新的面板頂部位置。
11)move:移動(dòng)面板到一個(gè)新的位置。該options對象包含以下屬性：
left：新的面板左側(cè)位置。
top：新的面板頂部位置。
屬性如下：
1)disabled:當(dāng)True時(shí)禁用該按鈕。默認(rèn)false。
2)plain:當(dāng)True時(shí)顯示一個(gè)普通效果。默認(rèn)false。
屬性如下：
1)required:true[必需] false[不必需]默認(rèn)false
2)validType:
a、length[a,b]字段長度控制在a至b之間。
b、email驗(yàn)證Email。
c、url驗(yàn)證網(wǎng)絡(luò)地址。
3)missingMessage：當(dāng)文本時(shí)出現(xiàn)空時(shí)彈出該工具提示，系統(tǒng)有默認(rèn)[英文]，自定義可覆蓋它。
4)invalidMessage：當(dāng)文本內(nèi)容無效后彈出該工具提示，系統(tǒng)有默認(rèn)[英文]，自定義可覆蓋它。
屬性如下：
5)url:一個(gè)獲取遠(yuǎn)程數(shù)據(jù)的地址。
6)animate:當(dāng)展開或折疊節(jié)點(diǎn)時(shí)是否定義動(dòng)畫效果。true[是] false[否]默認(rèn)false
節(jié)點(diǎn)屬性如下：
1)text:節(jié)點(diǎn)的顯示文本。
2)id:節(jié)點(diǎn)ID，對于加載遠(yuǎn)程數(shù)據(jù)時(shí)非常重要。
3)state:節(jié)點(diǎn)狀態(tài)，'open'或'closed'，默認(rèn)為'open'。當(dāng)設(shè)置為'關(guān)閉'，該節(jié)點(diǎn)包含子節(jié)點(diǎn)，并
4)attributes:為節(jié)點(diǎn)添加自定義屬性。
5)children:以數(shù)組節(jié)點(diǎn)的方式定義一些字節(jié)點(diǎn)。
事件如下：
1)onClick:當(dāng)用戶點(diǎn)擊一個(gè)節(jié)點(diǎn)時(shí)激活，該節(jié)點(diǎn)參數(shù)包含如下屬性：
2)id：節(jié)點(diǎn)ID
3)text:節(jié)點(diǎn)文本
4)attributes:節(jié)點(diǎn)自定義屬性。
5)target:目標(biāo)點(diǎn)擊的DOM對象。
6)onLoadSuccess:當(dāng)數(shù)據(jù)成功加載數(shù)據(jù)時(shí)激活，該參數(shù)跟jQuery.Ajax的'success'函數(shù)效果相同。
7)onLoadError:當(dāng)數(shù)據(jù)加載數(shù)據(jù)失敗時(shí)激活，該參數(shù)跟jQuery.ajax的'error'函數(shù)效果相同。
方法如下:
1)reload:重新加載樹數(shù)據(jù)。
2)getSelected:獲取選中的節(jié)點(diǎn)并返回它，如果沒有選擇節(jié)點(diǎn)將返回null。
3)collapse:折疊一個(gè)節(jié)點(diǎn)，該目標(biāo)參數(shù)是該節(jié)點(diǎn)的DOM對象。
4)expand:展開一個(gè)節(jié)點(diǎn)，該目標(biāo)參數(shù)是該節(jié)點(diǎn)的DOM對象。
5)append:在一個(gè)父節(jié)點(diǎn)追加一些子節(jié)點(diǎn)。
param有兩個(gè)屬性：
parent:DOM對象，把它作為父節(jié)點(diǎn)追加(它們)。
data:array，或者節(jié)點(diǎn)數(shù)據(jù)。
6)remove:刪除它以及它以下的子節(jié)點(diǎn)，該目標(biāo)參數(shù)是該節(jié)點(diǎn)的DOM對象。
屬性如下：
7)title:該DataGrid面板的標(biāo)題文本。
8)iconCls:一個(gè)CSS類，將提供一個(gè)背景圖片作為標(biāo)題圖標(biāo)。
9)border：當(dāng)true時(shí)，顯示該datagrid面板的邊框。
10)width:面板寬度，自動(dòng)列寬。
11)height:面板高度，自動(dòng)列高。
12)columns:該DataGrid列配置對象，查看column屬性可獲取更多信息。
13)frozenColumns:跟Columns屬性相同，但是這些列將會(huì)被固定在左邊。
14)striped:當(dāng)true時(shí)，單元格顯示條紋。默認(rèn)false。
15)method:通過該方法類型請求遠(yuǎn)程數(shù)據(jù)。默認(rèn)post。
16)nowrap:當(dāng)true時(shí)，顯示數(shù)據(jù)在同一行上。默認(rèn)true。
17)idField:說明哪個(gè)字段是一個(gè)標(biāo)識(shí)字段。
18)url:一個(gè)URL，從遠(yuǎn)程站點(diǎn)獲取數(shù)據(jù)。
19)loadMsg:當(dāng)從遠(yuǎn)程站點(diǎn)加載數(shù)據(jù)時(shí)，顯示一個(gè)提示信息。默認(rèn)"PRocessing,please wait…"。自定義覆蓋。
20)pagination:當(dāng)true時(shí)在DataGrid底部顯示一個(gè)分頁工具欄。默認(rèn)false。
21)rownumbers:當(dāng)true時(shí)顯示行號。默認(rèn)false。
22)singleSelect:當(dāng)true時(shí)只允許當(dāng)前選擇一行。默認(rèn)false。
23)fit:當(dāng)true時(shí)，設(shè)置大小以適應(yīng)它的父容器。默認(rèn)false。
24)pageNumber:當(dāng)設(shè)置分頁屬性時(shí)，初始化的頁碼編號。默認(rèn)從1開始
25))pageSize:當(dāng)設(shè)置分頁屬性是，初始化的頁面大小。默認(rèn)10行
26)pageList:當(dāng)設(shè)置分頁屬性時(shí)，初始化頁面的大小選擇清單。默認(rèn)[10,20,30,40,50]
27)queryParams:當(dāng)請求遠(yuǎn)程數(shù)據(jù)時(shí)，也可以發(fā)送額外的參數(shù)。
28)sortName:定義哪列可以排序。
29)sortOrder:定義列的排列順序，只能是'asc'或'desc'。默認(rèn)asc。
Column屬性如下：
1)title:該列標(biāo)題文本。
2)field:該列對應(yīng)的字段名稱。
3)width：列寬。
4)rowspan:說明該單元格需要多少行數(shù)。
5)colspan:說明該單元格需要多少列數(shù)。
6)align:說明Column數(shù)據(jù)的對齊方式。'left'，'right'，'center'都可以使用。
7)sortable:當(dāng)true時(shí)，允許該列進(jìn)行排序。
8)checkbox:當(dāng)true時(shí)，允許該列出現(xiàn)checkbox。
事件如下：
1)onLoadSuccess:當(dāng)遠(yuǎn)程數(shù)據(jù)加載成功是激活。
2)onLoadError:當(dāng)遠(yuǎn)程數(shù)據(jù)加載發(fā)現(xiàn)一些錯(cuò)誤時(shí)激活。
3)onClickRow:當(dāng)用戶點(diǎn)擊某行時(shí)激活，參數(shù)包含：
rowIndex:點(diǎn)擊的行索引，從0開始。
rowData:點(diǎn)擊行時(shí)對應(yīng)的記錄。
4)onDblClickRow:當(dāng)用戶雙擊某行時(shí)激活，參數(shù)包含：
rowIndex:點(diǎn)擊的行索引，從0開始。
rowData:點(diǎn)擊行時(shí)對應(yīng)的記錄。
5)onSortColumn:當(dāng)用戶對某列排序時(shí)激活，參數(shù)包含：
sort:排序字段名稱。
6)onSelect:當(dāng)用戶選擇某行時(shí)激活，參數(shù)包含:
rowIndex:點(diǎn)擊的行索引，從0開始。
rowData:點(diǎn)擊行時(shí)對應(yīng)的記錄。
7)onUnselect:當(dāng)用戶取消選擇某行時(shí)激活，參數(shù)包含:
rowIndex:點(diǎn)擊的行索引，從0開始。
rowData:點(diǎn)擊行時(shí)對應(yīng)的記錄。
方法如下：
1)options:返回選擇對象。
2)resize:重調(diào)大小，生成布局。
3)reload:重新加載數(shù)據(jù)。
4)fixColumnSize:固定列大小。
5)loadData:加載本地?cái)?shù)據(jù)，過去的行會(huì)被刪除。
6)getSelected:返回第一個(gè)選中行的記錄，若未選返回null。
7)getSelections:返回選中的所有行，當(dāng)沒有選擇記錄時(shí)將返回空數(shù)組。
8)clearSelections:清除所有選項(xiàng)的選擇狀態(tài)。
9)selectRow:選擇一行，行索引從0開始。
10)selectRecord:通過傳遞一個(gè)ID值參數(shù)，選擇一行。
11)unselectRow:取消選擇一行。
屬性如下：
30)width:容器寬度，自動(dòng)列寬。
31)height:容器高度，自動(dòng)列高。
32)idSeed:該根id衍生成標(biāo)簽面板DOM id屬性。默認(rèn)0
33)plain：當(dāng)true時(shí)，該Tab渲染不使用容器背景圖片。默認(rèn)false
34)fit:當(dāng)true時(shí)，設(shè)置該Tab大小以適應(yīng)它的父容器。默認(rèn)false
35)border:當(dāng)true時(shí)，顯示該Tab邊框。
36)scrollIncrement:
37)scrollDuration:
事件如下：
1)onLoad:當(dāng)一個(gè)ajax Tab面板需要加載遠(yuǎn)程數(shù)據(jù)時(shí)激活。該參數(shù)跟jQuery.ajax的'success'函數(shù)效果相同。
2)onSelect:當(dāng)用戶選擇一個(gè)Tab面板時(shí)激活。
3)onClose:當(dāng)用戶關(guān)閉一個(gè)Tab面板時(shí)激活。
方法如下:
1)resize:重繪該Tab容器的布局。
2)add:新增加一個(gè)Tab面板，該選項(xiàng)參數(shù)是一個(gè)配置對象，看Tab面板屬性可獲取更多信息。
3)close：關(guān)閉該Tab面板，標(biāo)題參數(shù)顯示你要關(guān)閉的對象。
4)select:選擇一個(gè)Tab面板。
5)exists:如果該Tab面板存在即顯示。
Tab面板屬性如下：
1)id:該Tab面板DOM id屬性。
2)text:該Tab面板標(biāo)題文本。
3)content:該Tab面板內(nèi)容。
4)href:一個(gè)URL，加載遠(yuǎn)程內(nèi)容以填充Tab面板。
5)cache:當(dāng)true時(shí)，緩存Tab面板，當(dāng)href屬性設(shè)置后有效。默認(rèn)true
6)icon:增加一個(gè)CSS class圖標(biāo)以顯示在Tab面板的標(biāo)題旁。
7)closable:當(dāng)true時(shí)，該Tab面板將顯示可關(guān)閉按鈕，點(diǎn)擊能關(guān)閉該Tab面板。默認(rèn)false
8)selected:當(dāng)true時(shí)，該Tab面板將被選中。默認(rèn)false
9)width:面板寬度，自動(dòng)列寬。
10)height:面板高度，自動(dòng)列高。
繼承自panel
屬性如下：
38)width:容器寬度，自動(dòng)列寬。
39)listWidth:該組合下拉框的寬度。
40)listHeight:該組合下拉框的高度。
41)valueField：把該基礎(chǔ)數(shù)據(jù)的值名稱綁定到組合下拉框中[value]。
42)textField:把該基礎(chǔ)數(shù)據(jù)的字段名稱綁定到組合下拉框中[text]。
43)editable:當(dāng)True時(shí)，可直接在文字域中鍵入文本。默認(rèn)true。
44)url:一個(gè)URL，從遠(yuǎn)程加載列表數(shù)據(jù)。
事件如下：
1)onLoadSuccess:當(dāng)遠(yuǎn)程數(shù)據(jù)加載成功是激活。
2)onLoadError:當(dāng)遠(yuǎn)程數(shù)據(jù)加載發(fā)現(xiàn)一些錯(cuò)誤時(shí)激活。
3)onSelect:當(dāng)用戶選擇一個(gè)列表選項(xiàng)時(shí)激活。
4)onChange:當(dāng)該字段的值發(fā)生改變時(shí)激活。
方法如下:
1)select:在下拉列表中選擇一個(gè)值。
2)setValue:設(shè)置指定值到該字段。在'param'參數(shù)可以是一個(gè)字符串或者一個(gè)JS對象。注:JS對象包含的屬性對應(yīng)valueField和TextField兩個(gè)屬性。
3)getValue:獲取該字段的值。
4)reload:重新請求遠(yuǎn)程列表數(shù)據(jù)。
屬性如下：
45)width:容器寬度，自動(dòng)列寬。
46)treeWidth:該樹形下拉框的寬度。
47)treeHeight:該樹形下拉框的高度。
48)url:一個(gè)URL，從遠(yuǎn)程加載樹形數(shù)據(jù)。
事件如下：
1)onSelect:當(dāng)用戶選擇一個(gè)樹形節(jié)點(diǎn)時(shí)激活。
2)onChange:當(dāng)該字段的值發(fā)生改變時(shí)激活。
方法如下:
1)setValue:設(shè)置指定值到該字段。在'param'參數(shù)可以是一個(gè)樹形節(jié)點(diǎn)ID值或者一個(gè)JS對象。注:JS對象包含的屬性對應(yīng)id和text兩個(gè)屬性。
2)getValue:獲取該字段的值。
3)reload:重新請求遠(yuǎn)程列表數(shù)據(jù)。
屬性如下：
49)title:該面板標(biāo)題文本。
50)region:定義布局面板的位置，包含下列值:north,south, east, west, c
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
