序言:
1.本文摘自網(wǎng)絡(luò),看控件命名像是4.0以前的版本,但控件屬性配置仍然可以借鑒(不足之處,以后項目用到時再續(xù)完善)。
Ext.form.TimeField:
配置項:
maxValue:列表中允許的最大時間
maxText:當(dāng)時間大于最大值時的錯誤提示信息
minValue:列表中允許的最小時間
minText:當(dāng)時間小于最小值時的錯誤提示信息
increment:兩個相鄰選項間的時間間隔,默認(rèn)為15分鐘
format:顯示格式,默認(rèn)為“g:i A”。一般使用“H:i:s”
H:帶前綴0的24小時
i:帶前綴0的分鐘
s:帶前綴0的秒
invalidText:當(dāng)時間值非法時顯示的提示信息
altFormats:多個時間輸入格式組成的字符串,不同的格式之間使用“|”進(jìn)行分割
Ext.form.FieldSet
animCollapse:動畫折疊,默認(rèn)為false
checkboxToggle:設(shè)置是否顯示字段集的checkbox選擇框,默認(rèn)為false
checkboxName:指定字段集中用于展開或隱藏字段集面板的checkbox的名字,該屬性只有在checkboxToggle為true時生效
labelWidth:字段標(biāo)簽的寬度,可以級聯(lián)到子容器
layout:布局,默認(rèn)為form
Ext.form.DateFied
maxValue:允許選擇的最大日期
maxText:當(dāng)日期大于最大值時的錯誤提示信息
minValue:允許選擇的最小時間
minText:當(dāng)日期小于最小值時的錯誤提示信息
format:日期顯示格式,默認(rèn)為“m/d/y”,一般使用“Y-m-d”
Y:四位年份
m:帶前綴0的月份
d:帶前綴0的日期
y:兩位年份
n:不帶前綴0的月份
j:不帶前綴0的日期
w:星期的數(shù)字,0表示星期日,1代表星期一
showToday:是否顯示今天按鈕,默認(rèn)為true
altFormats:多個日期輸入格式組成的字符串,不同的格式之間使用“|”進(jìn)行分割,默認(rèn)值為'm/d/Y|n/j/Y|n/j/y|m/j /y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d'
disabledDates:禁止選擇的日期組成的數(shù)組
disabledDatesText:選擇禁選日期時顯示的提示信息
disabledDays:禁止選擇的星期組成的數(shù)組,0代表星期日,1代表星期一
disabledDaysText:選擇禁選星期時顯示的提示信息
invalidText:當(dāng)日期值非法時顯示的提示信息
方法:
getValue():取得日期值
Ext.form.ComboBox
displayField:被顯示在下拉框中的字段名
editable:是否可編輯,默認(rèn)為true
forceSelection:輸入值是否嚴(yán)格為待選列表中存在的值。如果輸入不存在的值,會自動選擇第一個最接近的值。
hiddenName:隱藏字段的名字,如果提供該參數(shù)則一個隱藏字段將被創(chuàng)建,用來存儲所選值,當(dāng)表單提交時在服務(wù)器端可以通過該名字取得列表中的所選值
listWidth:下拉列表的寬度
minListWidth:下拉列表的最小寬度,默認(rèn)為70像素
loadingText:當(dāng)下拉框加載數(shù)據(jù)時顯示的提示信息,只有當(dāng)mode='remote'時才會生效
maxHeight:下拉列表框的最大高度,默認(rèn)為300像素
minChars:下拉列表框自動選擇前用戶需要輸入的最小字符數(shù)量。mode='remote'默認(rèn)為4,mode='local'默認(rèn)為0
mode:下拉列表框的數(shù)據(jù)讀取模式。remote讀取遠(yuǎn)程數(shù)據(jù),local讀取本地數(shù)據(jù)
pageSize:下拉列表框的分頁大小。該項設(shè)置只在mode='remote'時生效
queryParam:查詢的名字,默認(rèn)為'query',將被傳遞到查詢字符串中
allQuery:一個發(fā)往服務(wù)器用來查詢?nèi)啃畔⒌牟樵冏址J(rèn)為空字符串''
selectOnFocus:當(dāng)獲得焦點時立刻選擇一個已存在的列表項。默認(rèn)為false,此項只有在editable=true時才會生效
store:列表框綁定的數(shù)據(jù)源
transform:將頁面中已存在的元素轉(zhuǎn)換為組合框
lazyInit:延時初始化下拉列表,默認(rèn)為true
lazyRender:延時渲染,默認(rèn)為false
triggerAction:設(shè)置單擊觸發(fā)按鈕時執(zhí)行的默認(rèn)操作,有效值包括all和query,默認(rèn)為query,如果設(shè)置為all則會執(zhí)行allQuery中設(shè)置的查詢
typeAhead:設(shè)置在輸入過程中是否自動選擇匹配的剩余部分文本(選擇第一個滿足條件的),默認(rèn)為false
value:初始化組合框中的值
valueField:組合框的值字段
valueNotFoundText:值不存在時的提示信息
tpl:Ext模板字符串或模板對象,可以通過該配置項自定義下拉列表的顯示方式
方法:
clearValue():清空字段當(dāng)前值
doQuery( String query, Boolean forceAll ):
getValue():
getStore():
setValue( String value ):
Ext.from.RadioGroup
allowBlank:
blankText:
Ext.form.Radio;
getGroupValue():
setValue( value {String/Boolean} ):
Ext.form.CheckboxGroup
allowBlank:是否允許不選擇,默認(rèn)為true
blankText:
columns:顯示的列數(shù),可選值包括:固定值auto、數(shù)值、數(shù)組(整數(shù)、小數(shù))
items:對象數(shù)組
vertical:是否垂直方向顯示對象,默認(rèn)為false
Ext.form.Checkbox
boxLabel:復(fù)選框的文字描述
checked:復(fù)選框是否被選擇,默認(rèn)為false
handler:當(dāng)checked值改變時觸發(fā)的函數(shù),函數(shù)包含兩個參數(shù):checkbox、checked
inputValue:
方法:
getValue():返回復(fù)選框的checked狀態(tài)
setValue( Boolean/String checked ):
Ext.form.NumberField
allowDecimals:是否允許輸入小數(shù),默認(rèn)為true
allowNegative:是否允許輸入負(fù)數(shù),默認(rèn)為true
baseChars:輸入的有效數(shù)字集合,默認(rèn)為'0123456789'
decimalPrecision:數(shù)字的精度,默認(rèn)保留小數(shù)點后2位
decimalSeparator:十進(jìn)制分隔符,默認(rèn)為'.'
maxValue:允許輸入的最大數(shù)值
maxText:超過最大值之后的提示信息
minValue:允許輸入的最小數(shù)值
minText:超過最小值之后的提示信息
nanText:輸入非有效數(shù)值之后的提示信息
Ext.form.TextArea
preventScrollbars:是否禁止出現(xiàn)滾動條,默認(rèn)為false
Ext.form.TextField
allowBlank:是否允許為空,默認(rèn)為true
blankText:空驗證失敗后顯示的提示信息
emptyText:在一個空字段中默認(rèn)顯示的信息
grow:字段是否自動伸展和收縮,默認(rèn)為false
growMin:收縮的最小寬度
growMax:伸展的最大寬度
inputType:字段類型:默認(rèn)為text
maskRe:用于過濾不匹配字符輸入的正則表達(dá)式
maxLength:字段允許輸入的最大長度
maxLengthText:最大長度驗證失敗后顯示的提示信息
minLength:字段允許輸入的最小長度
minLengthText:最小長度驗證失敗后顯示的提示信息
regex:正則表達(dá)式
regexText:正則表達(dá)式驗證失敗后顯示的提示信息
vtype:驗證類型的名字
alpha:限制只能輸入字母
alphanum:限制只能輸入字母和數(shù)字
email
url
vtypeText:驗證失敗時的提示信息
validator:自定義驗證函數(shù)
selectOnFocus:當(dāng)字段得到焦點時自動選擇已存在的文本,默認(rèn)為false
Ext.form.Field
name:字段名
value:字段的初始化值
disabled:字段是否不可用,默認(rèn)為false
fieldLabel:字段標(biāo)簽說明
hideLabel:隱藏字段標(biāo)簽,默認(rèn)為false
labelSeparator:字段標(biāo)簽與字段之間的分隔符,默認(rèn)為':'
labelStyle:字段標(biāo)簽樣式
inputType:默認(rèn)為text
invalidClass:默認(rèn)為x-form-invalid
invalidText:字段非法文本提示
msgTarget:錯誤信息顯示的位置,默認(rèn)為qtip
qtip:顯示一個浮動的提示信息
title:顯示一個瀏覽器的浮動提示信息
under:在字段下方顯示一個提示信息
side:在字段右邊顯示一個提示信息
readOnly:字段是否只讀,默認(rèn)為false
validateOnBlur:字段在失去焦點時被驗證,默認(rèn)為true
方法:
clearInvalid():
getRawValue()
setRawValue( Mixed value )
getValue()
setValue( Mixed value )
isDirty():字段值在裝載后是否被修改過
isValid( Boolean preventMark ):當(dāng)前字段值是否合法
markInvalid( [String msg] )
validate()
reset()
Ext.form.FormPanel
items:一個元素或元素數(shù)組
buttons:一個按鈕配置對象的數(shù)組,按鈕將被添加到表單頁腳中
buttonAlign:按鈕的對齊方式,可選值有l(wèi)eft、center、right,默認(rèn)為center
labelWidth:表單標(biāo)簽的寬度
labelAlign:表單標(biāo)簽的對齊方式,可選值有l(wèi)eft、top、right,默認(rèn)為left
labelSeparator:字段標(biāo)簽與字段之間的分隔符,默認(rèn)為':'
minButtonWidth:按鈕的最小寬度,默認(rèn)為75
方法:
getForm() : Ext.form.BasicForm
load( Object options )
startMonitoring()
stopMonitoring()
Ext.form.BaseicForm
baseParams:傳遞到請求中的參數(shù)
method:表單的提交方式,有效值包括GET、POST
url:表單默認(rèn)的提交路徑
fileUpload:表單是否進(jìn)行文件上傳
timeout:表單動作的超時時間,默認(rèn)為30秒
trackResetOnLoad:是否在表單初次創(chuàng)建時清楚數(shù)據(jù)
方法:
doAction( String/Object actionName, [Object options] ):執(zhí)行一個預(yù)訂的動作,可用選項包括:
url:動作提交的路徑
method:表單的提交方式,有效值包括GET、POST
params:傳遞到請求中的參數(shù)
headers:
success:執(zhí)行成功后回調(diào)的函數(shù),包括兩個參數(shù):form和action
failure:執(zhí)行失敗后回調(diào)的函數(shù),包括兩個參數(shù):form和action
clientValidation:是否客戶端驗證
clearInvalid():清除表單中所有的無效驗證信息
findField( String id ):查找表單字段
getValues( [Boolean asString] ):
isDirty():表單數(shù)據(jù)是否被更改過
isValid():客戶端驗證是否成功
load( Object options ):執(zhí)行表單讀取動作
loadRecord( Record record ):從一個數(shù)據(jù)記錄中讀取數(shù)據(jù)到表單中
markInvalid( Array/Object errors ):成批設(shè)置表單字段為驗證無效
reset():重置表單
setValues( Array/Object values ):成批設(shè)置表單字段值
submit( Object options ):執(zhí)行表單提交動作
updateRecord( Record record ):持久化表單數(shù)據(jù)到記錄集中
Ext.form.Action
success:執(zhí)行成功后回調(diào)的函數(shù),包括兩個參數(shù):form和action
failure:執(zhí)行失敗后回調(diào)的函數(shù),包括兩個參數(shù):form和action
method:表單的提交方式,有效值包括GET、POST
params:傳遞到請求中的參數(shù)
url:動作提交的路徑
waitMsg:動作執(zhí)行時顯示的等待信息
屬性:
Action.CLIENT_INVALID:客戶端驗證錯誤
Action.CONNECT_FAILURE:通信錯誤
Action.LOAD_FAILURE:加載數(shù)據(jù)時,沒有包含data屬性的字段被返回
Action.SERVER_INVALID:服務(wù)端驗證錯誤
failureType:錯誤類型
result:包含布爾類型的success屬性和其他屬性,如{success: true, msg: 'ok'}
type:動作類型,可選值有submit和load
Ext.form.Action.Submit:返回的信息中要包含一個布爾類型的success屬性和一個可選的errors屬性
Ext.form.Action.Load:返回的信息中要包含一個布爾類型的success屬性和一個data屬性
Ext.grid.EditorGridPanel
clicksToEdit:設(shè)置點擊單元格進(jìn)入編輯模式的點擊次數(shù),默認(rèn)為2
autoEncode:是否自動編碼/解碼HTML內(nèi)容,默認(rèn)為false
selModel:默認(rèn)為Ext.grid.CellSelectionModel
主要方法:
startEditing( Number rowIndex, Number colIndex ):開始編輯指定單元格
stopEditing( [Boolean cancel] ):結(jié)束編輯操作
Ext.grid.GroupinView
enableGroupingMenu:是否在表頭菜單中進(jìn)行分組控制,默認(rèn)為truegroupByText:表頭菜單中分組控制的菜單文字,默認(rèn)為'Group By This Field'
enableNoGroups:是否允許用戶關(guān)閉分組功能,默認(rèn)為true
showGroupsText:在表頭菜單中啟用分組和禁用分組的菜單文字,默認(rèn)為'Show in Groups'
groupTextTpl:用于渲染分組信息的模板,默認(rèn)為'{text}',常用的可選值有:
text:列標(biāo)題:組字段值
gvalue:組字段的值
startRow:組行索引
enableGrouping:是否對數(shù)據(jù)分組,默認(rèn)為true
hideGroupedColumn:是否隱藏分組列,默認(rèn)為false
ignoreAdd:在向表格中添加數(shù)據(jù)時是否刷新表格,默認(rèn)為false
showGroupName:是否在分組行上顯示分組字段的名字,默認(rèn)為true
startCollapsed:初次顯示時分組是否處于收縮狀態(tài),默認(rèn)為false
主要方法:
collapseAllGroups():收縮所有分組行
expandAllGroups():展開所有分組行
getGroupId( String value ):根據(jù)分組字段值取得組id
toggleAllGroups( [Boolean expanded] ):切換所有分組行的展開或收縮狀態(tài)
toggleGroup( String groupId, [Boolean expanded] ):切換指定分組行的展開或收縮狀態(tài)
2、Ext.data.GroupingStore
groupField:分組字段
groupOnSort:是否在分組字段上排序,默認(rèn)為false
remoteGroup:是否遠(yuǎn)程分組數(shù)據(jù),默認(rèn)為false。如果是遠(yuǎn)程分組數(shù)據(jù),則通過groupBy參數(shù)發(fā)送分組字段名
Ext.grid.GridPanel:
store:表格的數(shù)據(jù)集
columns:表格列模式的配置數(shù)組,可自動創(chuàng)建ColumnModel列模式
autoExpandColumn:自動充滿表格未用空間的列,參數(shù)為列id,該id不能為0
stripeRows:表格是否隔行換色,默認(rèn)為false
cm、colModel:表格的列模式,渲染表格時必須設(shè)置該配置項
sm、selModel:表格的選擇模式,默認(rèn)為Ext.grid.RowSelectionModel
enableHdMenu:是否顯示表頭的上下文菜單,默認(rèn)為true
enableColumnHide:是否允許通過標(biāo)題中的上下文菜單隱藏列,默認(rèn)為true
loadMask:是否在加載數(shù)據(jù)時顯示遮罩效果,默認(rèn)為false
view:表格視圖,默認(rèn)為Ext.grid.GridView
viewConfig:表格視圖的配置對象
autoExpandMax:自動擴(kuò)充列的最大寬度,默認(rèn)為1000
autoExpandMin:自動擴(kuò)充列的最小寬度,默認(rèn)為50
columnLines:是否顯示列分割線,默認(rèn)為false
disableSelection:是否禁止行選擇,默認(rèn)為false
enableColumnMove:是否允許拖放列,默認(rèn)為true
enableColumnResize:是否允許改變列寬,默認(rèn)為true
hideHeaders:是否隱藏表頭,默認(rèn)為false
maxHeight:最大高度
minColumnWidth:最小列寬,默認(rèn)為25
trackMouseOver:是否高亮顯示鼠標(biāo)所在的行,默認(rèn)為true
主要方法:
getColumnModel():取得列模式
getSelectionModel():取得選擇模式
getStore():取得數(shù)據(jù)集
getView():取得視圖對象
reconfigure( Ext.data.Store store, Ext.grid.ColumnModel colModel ):使用一個新的數(shù)據(jù)集和列模式重新配置表格組件
2、Ext.grid.Column
主要配置項:
id:列id
header:表頭文字
dataIndex:設(shè)置列與數(shù)據(jù)集中數(shù)據(jù)記錄的對應(yīng)關(guān)系,值為數(shù)據(jù)記錄中的字段名稱。如果沒有設(shè)置該項則使用列索引與數(shù)據(jù)記錄中字段的索引進(jìn)行對應(yīng)
width:列寬
align:列數(shù)據(jù)的對齊方式
hidden:是否隱藏列,默認(rèn)為false
fixed:是否固定列寬,默認(rèn)為false
menuDisabled:是否禁用列的上下文菜單,默認(rèn)為false
resizable:是否允許改變列寬,默認(rèn)為true
sortable:是否允許排序,默認(rèn)為true
renderer:設(shè)置列的自定義單元格渲染函數(shù)
傳入函數(shù)的參數(shù)有:
value:數(shù)據(jù)的原始值
metadata:元數(shù)據(jù)對象,用于設(shè)置單元格的樣式和屬性,該對象包含的屬性有:
css:應(yīng)用到單元格TD元素上的樣式名稱
attr:一個HTML屬性定義字符串,例如'style="color:blue"'
record:當(dāng)前數(shù)據(jù)記錄對象
rowIndex:單元格的行索引
colIndex:單元格的列索引
store:數(shù)據(jù)集對象
xtype:列渲染器類型,默認(rèn)為gridcolumn,其它可選值有booleancolumn、numbercolumn、datecolumn、templatecolumn等
editable:是否可編輯,默認(rèn)為true
editor:編輯器
groupName:
emptyGroupText:
groupable:
3、Ext.grid.ColumnModel
主要配置項:
columns:字段數(shù)組
defaultSortable:是否進(jìn)行默認(rèn)排序,默認(rèn)為false
defaultWidth:默認(rèn)寬度
主要方法:
findColumnIndex( String col ):根據(jù)給定的dataIndex查找列索引
getColumnById( String id ):取得指定id對應(yīng)的列
getColumnCount( Boolean visibleOnly ):取得列總數(shù)
getColumnHeader( Number col ):取得列的表頭
getColumnId( Number index ):取得列id
getDataIndex( Number col ):取得列對應(yīng)的數(shù)據(jù)字段名
getIndexById( String id ):取得列索引
getTotalWidth( Boolean includeHidden )
isCellEditable( Number colIndex, Number rowIndex )
isFixed()
isHidden( Number colIndex )
setColumnHeader( Number col, String header )
setColumnWidth( Number col, Number width, Boolean suppressEvent )
setDataIndex( Number col, String dataIndex )
setEditable( Number col, Boolean editable )
setEditor( Number col, Object editor )
setHidden( Number colIndex, Boolean hidden )
setRenderer( Number col, Function fn )
4、Ext.grid.AbstractSelectionModel
主要方法:
lock():鎖定選擇區(qū)域
unlock():解鎖選擇區(qū)域
isLocked():當(dāng)前選擇區(qū)域是否被鎖定
5、Ext.grid.CellSelectionModel
主要方法:
clearSelections( Boolean preventNotify ):清除選擇區(qū)域
getSelectedCell():取得當(dāng)前選擇的單元格,返回一數(shù)組,其格式:[rowIndex, colIndex]
hasSelection():當(dāng)前是否有選擇區(qū)域
select( Number rowIndex, Number colIndex, [Boolean preventViewNotify], [Boolean preventFocus], [Ext.data.Record r] ):選擇指定單元格
6、Ext.grid.RowSelectionModel
主要配置項:
singleSelect:是否單選模式,默認(rèn)為false,即可以選擇多條數(shù)據(jù)
主要方法:
clearSelections( [Boolean fast] ):清除所有選擇區(qū)域
deselectRange( Number startRow, Number endRow ):取消范圍內(nèi)的行選擇
deselectRow( Number row, [Boolean preventViewNotify] ):取消指定行的選擇狀態(tài)
each( Function fn, [Object scope] ):遍歷所有選擇行,并調(diào)用指定函數(shù)。當(dāng)前被選行將傳入該函數(shù)中
getCount():得到選擇的總行數(shù)
getSelected():得到第一個被選記錄
getSelections():得到所有被選記錄的數(shù)組
hasNext():判斷當(dāng)前被選行之后是否還有記錄可以選擇
hasPrevious():判斷當(dāng)前被選行之前是否還有記錄可以選擇
hasSelection():是否已選擇了數(shù)據(jù)
isIdSelected( String id ):判斷指定id的記錄是否被選擇
isSelected( Number/Record index ):判斷指定記錄或記錄索引的數(shù)據(jù)是否被選擇
selectAll():選擇所有行
selectFirstRow():選擇第一行
selectLastRow( [Boolean keepExisting] ):選擇最后行
keepExisting:是否保持已有的選擇
selectNext( [Boolean keepExisting] ):選擇當(dāng)前選擇行的下一行
selectPrevious( [Boolean keepExisting] ):選擇當(dāng)前選擇行的上一行
selectRange( Number startRow, Number endRow, [Boolean keepExisting] ):選擇范圍內(nèi)的所有行
selectRecords( Array records, [Boolean keepExisting] ):選擇一組指定記錄
selectRow( Number row, [Boolean keepExisting], [Boolean preventViewNotify] ):選擇一行
row:行索引
selectRows( Array rows, [Boolean keepExisting] ):選擇多行
rows:行索引數(shù)組
7、Ext.grid.CheckboxSelectionModel
主要配置項:
singleSelect:是否單選模式,默認(rèn)為false,即可以選擇多條數(shù)據(jù)
checkOnly:是否只能通過點擊checkbox列進(jìn)行選擇,默認(rèn)為false
sortable:是否允許checkbox列排序,默認(rèn)為false
width:checkbox列的寬度,默認(rèn)為20
8、Ext.grid.RowNumberer
主要配置項:
header:行號列表頭顯示的內(nèi)容
width:列寬,默認(rèn)為23
9、Ext.grid.GridView
主要配置項:
enableRowBody:是否包含行體
sortAscText:表格標(biāo)題菜單中升序的文字描述
sortDescText:表格標(biāo)題菜單中降序的文字描述
columnsText:表格標(biāo)題菜單中列對應(yīng)的文字描述
autoFill:是否自動擴(kuò)展列以充滿整個表格,默認(rèn)為false
forceFit:是否強制調(diào)整表格列寬以適用表格的整體寬度,防止出現(xiàn)水平滾動條,默認(rèn)為false
主要方法:
focusCell( Number row, Number col ):將焦點移到指定單元格
focusRow( Number row ):將焦點移動指定行
getCell( Number row, Number col ):取得指定單元格對應(yīng)的td元素
getHeaderCell( Number index ):取得指定表頭對應(yīng)的td元素
getRow( Number index ):取得指定行對應(yīng)的tr元素
getRowClass( Record record, Number index, Object rowParams, Store store ):得到附加到表格行上的樣式名
record:當(dāng)前行的數(shù)據(jù)記錄對象
index:當(dāng)前行的索引
rowParams:渲染時傳入到行模板中的配置對象,通過它可以為行體定制樣式,該對象只在enableRowBody為true時才生效,可能的屬性如下:
body:渲染到行體中的HTML代碼片段
bodyStyle:應(yīng)用到行體tr元素style屬性的字符串
cols:應(yīng)用到行體td元素colspan屬性的值,默認(rèn)為總列數(shù)
store:表格數(shù)據(jù)集
refresh( [Boolean headersToo] ):刷新表格組件
scrollToTop():滾動表格到頂端
Ext.TabPanel:
activeTab:初始激活的tab,索引或者id值,默認(rèn)為noneautoTabs:是否自動將帶有'x-tab'樣式類的div轉(zhuǎn)成tabs添加到TabPanel中,默認(rèn)為false。
當(dāng)該配置項設(shè)為true時,需要設(shè)置deferredRender為false,還必須使用applyTo。
deferredRender:是否延遲渲染,默認(rèn)為true。
autoTabSelector:默認(rèn)為'div.x-tab'。
resizeTabs:是否可以改變tab的尺寸,默認(rèn)為false。
minTabWidth:tab的最小寬度,默認(rèn)為30。
tabWidth:每個新增加的tab寬度,默認(rèn)為120。
tabTip:tab的提示信息
tabPosition:tab位置,可選值有top、bottom,默認(rèn)為top。
enableTabScroll:是否允許Tab溢出時可以滾動,默認(rèn)為false。
closable:tab是否可關(guān)閉,默認(rèn)為false
scrollDuration:每次的滾動時長,默認(rèn)為0.35毫秒。
scrollIncrement:每次的滾動步長,默認(rèn)為100像素。
wheelIncrement:每次鼠標(biāo)滑輪的滾動步長,默認(rèn)為20像素。
2、主要方法:
activate( String/Panel tab )
getActiveTab():獲取當(dāng)前活動的tab
get( String/Number key ):根據(jù)組件id或者索引獲取組件
getItem(String id):根據(jù)tab id獲取tab
setActiveTab( String/Number item )
remove( Component/String component, [Boolean autoDestroy] )
removeAll( [Boolean autoDestroy] )
1、在創(chuàng)建Ext.TabPanel時deferredRender配置項經(jīng)常會被忽略。該配置項的默認(rèn)值是true。true表示只有在用戶第一次訪問 選項卡時,該選項卡的panel才會被渲染。 所以當(dāng)我們有可能使用腳本操作選項卡時,謹(jǐn)記將該配置項設(shè)置為false。
2、在FormPanel中使用TabPanel,如果在TabPanel中不定義deferredRender的值為false,那么,當(dāng)你使用 Load方法為Form加載數(shù)據(jù),或使用setValue為沒有激活過的Panel的控件賦值時,將會發(fā)生錯誤。原因是,在默認(rèn)設(shè)置下 deferredRender為true,TabPanel并不會渲染所有Panel上的控件,只有在該Panel被激活時才渲染控件,所以當(dāng)你為這些控 件設(shè)置數(shù)據(jù)時,將會找不到這些控件,會出現(xiàn)錯誤。因而,在FormPanel中使用TabPanel,一定要在TabPanel中設(shè)置 deferredRender的值為false,強制TabPanel在Layout渲染時同時渲染所有Panel上的控件。
本文轉(zhuǎn)自: