




版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、Extjs控件屬性,Extjs筆記,ExtjsExt.form.TimeField:配置項(xiàng):maxValue:列表中允許的最大時(shí)間maxText:當(dāng)時(shí)間大于最大值時(shí)的錯(cuò)誤提示信息minValue:列表中允許的最小時(shí)間minText:當(dāng)時(shí)間小于最小值時(shí)的錯(cuò)誤提示信息increment:兩個(gè)相鄰選項(xiàng)間的時(shí)間間隔,默認(rèn)為15分鐘format:顯示格式,默認(rèn)為“g:i A”。一般使用“H:i:s”H:帶前綴0的24小時(shí)i:帶前綴0的分鐘s:帶前綴0的秒invalidText:當(dāng)時(shí)間值非法時(shí)顯示的提示信息altFormats:多個(gè)時(shí)間輸入格式組成的字符串,不同的格式之間使用“|”進(jìn)行分割 Ext.for
2、m.FieldSetanimCollapse:動(dòng)畫折疊,默認(rèn)為falsecheckboxToggle:設(shè)置是否顯示字段集的checkbox選擇框,默認(rèn)為falsecheckboxName:指定字段集中用于展開(kāi)或隱藏字段集面板的checkbox的名字,該屬性只有在 checkboxToggle為true時(shí)生效labelWidth:字段標(biāo)簽的寬度,可以級(jí)聯(lián)到子容器layout:布局,默認(rèn)為formExt.form.DateFiedmaxValue:允許選擇的最大日期maxText:當(dāng)日期大于最大值時(shí)的錯(cuò)誤提示信息minValue:允許選擇的最小時(shí)間minText:當(dāng)日期小于最小值時(shí)的錯(cuò)誤提示信息f
3、ormat:日期顯示格式,默認(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)為truealtFormats:多個(gè)日期輸入格式組成的字符串,不同的格式之間使用“|”進(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ù)組dis
4、abledDatesText:選擇禁選日期時(shí)顯示的提示信息disabledDays:禁止選擇的星期組成的數(shù)組,0代表星期日,1代表星期一disabledDaysText:選擇禁選星期時(shí)顯示的提示信息invalidText:當(dāng)日期值非法時(shí)顯示的提示信息方法:getValue():取得日期值Ext.form.ComboBoxdisplayField:被顯示在下拉框中的字段名editable:是否可編輯,默認(rèn)為trueforceSelection:輸入值是否嚴(yán)格為待選列表中存在的值。如果輸入不存在的值,會(huì)自動(dòng)選擇第一個(gè)最接近的值。hiddenName:隱藏字段的名字,如果提供該參數(shù)則一個(gè)隱藏字段將被
5、創(chuàng)建,用來(lái)存儲(chǔ)所選值,當(dāng)表單提交時(shí)在服務(wù)器端可以通過(guò)該名字取得列表中的所選值listWidth:下拉列表的寬度minListWidth:下拉列表的最小寬度,默認(rèn)為70像素loadingText:當(dāng)下拉框加載數(shù)據(jù)時(shí)顯示的提示信息,只有當(dāng)mode='remote'時(shí)才會(huì)生效maxHeight:下拉列表框的最大高度,默認(rèn)為300像素minChars:下拉列表框自動(dòng)選擇前用戶需要輸入的最小字符數(shù)量。mode='remote'默認(rèn)為4,mode='local'默認(rèn)為0mode:下拉列表框的數(shù)據(jù)讀取模式。remote讀取遠(yuǎn)程數(shù)據(jù),local讀取本地?cái)?shù)據(jù)pag
6、eSize:下拉列表框的分頁(yè)大小。該項(xiàng)設(shè)置只在mode='remote'時(shí)生效queryParam:查詢的名字,默認(rèn)為'query',將被傳遞到查詢字符串中allQuery:一個(gè)發(fā)往服務(wù)器用來(lái)查詢?nèi)啃畔⒌牟樵冏址?,默認(rèn)為空字符串''selectOnFocus:當(dāng)獲得焦點(diǎn)時(shí)立刻選擇一個(gè)已存在的列表項(xiàng)。默認(rèn)為false,此項(xiàng)只有在editable=true時(shí)才會(huì)生效store:列表框綁定的數(shù)據(jù)源transform:將頁(yè)面中已存在的元素轉(zhuǎn)換為組合框lazyInit:延時(shí)初始化下拉列表,默認(rèn)為truelazyRender:延時(shí)渲染,默認(rèn)為falset
7、riggerAction:設(shè)置單擊觸發(fā)按鈕時(shí)執(zhí)行的默認(rèn)操作,有效值包括all和query,默認(rèn)為query,如果設(shè)置為all則會(huì)執(zhí)行allQuery中設(shè)置的查詢typeAhead:設(shè)置在輸入過(guò)程中是否自動(dòng)選擇匹配的剩余部分文本(選擇第一個(gè)滿足條件的),默認(rèn)為falsevalue:初始化組合框中的值valueField:組合框的值字段valueNotFoundText:值不存在時(shí)的提示信息tpl:Ext模板字符串或模板對(duì)象,可以通過(guò)該配置項(xiàng)自定義下拉列表的顯示方式方法:clearValue():清空字段當(dāng)前值doQuery( String query, Boolean forceAll ):ge
8、tValue():getStore():setValue( String value ):Ext.from.RadioGroupallowBlank:blankText:Ext.form.Radio;getGroupValue():setValue( value String/Boolean ):Ext.form.CheckboxGroupallowBlank:是否允許不選擇,默認(rèn)為trueblankText:columns:顯示的列數(shù),可選值包括:固定值auto、數(shù)值、數(shù)組(整數(shù)、小數(shù)) items:對(duì)象數(shù)組vertical:是否垂直方向顯示對(duì)象,默認(rèn)為falseExt.form.Check
9、boxboxLabel:復(fù)選框的文字描述checked:復(fù)選框是否被選擇,默認(rèn)為falsehandler:當(dāng)checked值改變時(shí)觸發(fā)的函數(shù),函數(shù)包含兩個(gè)參數(shù):checkbox、checked inputValue:方法:getValue():返回復(fù)選框的checked狀態(tài)setValue( Boolean/String checked ):Ext.form.NumberFieldallowDecimals:是否允許輸入小數(shù),默認(rèn)為trueallowNegative:是否允許輸入負(fù)數(shù),默認(rèn)為truebaseChars:輸入的有效數(shù)字集合,默認(rèn)為'0123456789'decim
10、alPrecision:數(shù)字的精度,默認(rèn)保留小數(shù)點(diǎn)后2位decimalSeparator:十進(jìn)制分隔符,默認(rèn)為'.'maxValue:允許輸入的最大數(shù)值maxText:超過(guò)最大值之后的提示信息minValue:允許輸入的最小數(shù)值minText:超過(guò)最小值之后的提示信息nanText:輸入非有效數(shù)值之后的提示信息Ext.form.TextAreapreventScrollbars:是否禁止出現(xiàn)滾動(dòng)條,默認(rèn)為falseExt.form.TextFieldallowBlank:是否允許為空,默認(rèn)為trueblankText:空驗(yàn)證失敗后顯示的提示信息emptyText:在一個(gè)空字段中
11、默認(rèn)顯示的信息grow:字段是否自動(dòng)伸展和收縮,默認(rèn)為falsegrowMin:收縮的最小寬度growMax:伸展的最大寬度inputType:字段類型:默認(rèn)為textmaskRe:用于過(guò)濾不匹配字符輸入的正則表達(dá)式maxLength:字段允許輸入的最大長(zhǎng)度maxLengthText:最大長(zhǎng)度驗(yàn)證失敗后顯示的提示信息minLength:字段允許輸入的最小長(zhǎng)度minLengthText:最小長(zhǎng)度驗(yàn)證失敗后顯示的提示信息regex:正則表達(dá)式regexText:正則表達(dá)式驗(yàn)證失敗后顯示的提示信息vtype:驗(yàn)證類型的名字alpha:限制只能輸入字母alphanum:限制只能輸入字母和數(shù)字email
12、urlvtypeText:驗(yàn)證失敗時(shí)的提示信息validator:自定義驗(yàn)證函數(shù)selectOnFocus:當(dāng)字段得到焦點(diǎn)時(shí)自動(dòng)選擇已存在的文本,默認(rèn)為false Ext.form.Fieldname:字段名value:字段的初始化值disabled:字段是否不可用,默認(rèn)為falsefieldLabel:字段標(biāo)簽說(shuō)明hideLabel:隱藏字段標(biāo)簽,默認(rèn)為falselabelSeparator:字段標(biāo)簽與字段之間的分隔符,默認(rèn)為':'labelStyle:字段標(biāo)簽樣式inputType:默認(rèn)為textinvalidClass:默認(rèn)為x-form-invalidinvalidTe
13、xt:字段非法文本提示msgTarget:錯(cuò)誤信息顯示的位置,默認(rèn)為qtipqtip:顯示一個(gè)浮動(dòng)的提示信息title:顯示一個(gè)瀏覽器的浮動(dòng)提示信息under:在字段下方顯示一個(gè)提示信息side:在字段右邊顯示一個(gè)提示信息readOnly:字段是否只讀,默認(rèn)為falsevalidateOnBlur:字段在失去焦點(diǎn)時(shí)被驗(yàn)證,默認(rèn)為true方法:clearInvalid():getRawValue()setRawValue( Mixed value )getValue()setValue( Mixed value )isDirty():字段值在裝載后是否被修改過(guò)isValid( Boolean p
14、reventMark ):當(dāng)前字段值是否合法markInvalid( String msg )validate()reset()Ext.form.FormPanelitems:一個(gè)元素或元素?cái)?shù)組buttons:一個(gè)按鈕配置對(duì)象的數(shù)組,按鈕將被添加到表單頁(yè)腳中buttonAlign:按鈕的對(duì)齊方式,可選值有l(wèi)eft、center、right,默認(rèn)為center labelWidth:表單標(biāo)簽的寬度labelAlign:表單標(biāo)簽的對(duì)齊方式,可選值有l(wèi)eft、top、right,默認(rèn)為leftlabelSeparator:字段標(biāo)簽與字段之間的分隔符,默認(rèn)為':'minButtonWi
15、dth:按鈕的最小寬度,默認(rèn)為75方法:getForm() : Ext.form.BasicFormload( Object options )startMonitoring()stopMonitoring()Ext.form.BaseicFormbaseParams:傳遞到請(qǐng)求中的參數(shù)method:表單的提交方式,有效值包括GET、POSTurl:表單默認(rèn)的提交路徑fileUpload:表單是否進(jìn)行文件上傳timeout:表單動(dòng)作的超時(shí)時(shí)間,默認(rèn)為30秒trackResetOnLoad:是否在表單初次創(chuàng)建時(shí)清楚數(shù)據(jù)方法:doAction( String/Object actionName,
16、Object options ):執(zhí)行一個(gè)預(yù)訂的動(dòng)作,可用選項(xiàng)包括:url:動(dòng)作提交的路徑method:表單的提交方式,有效值包括GET、POSTparams:傳遞到請(qǐng)求中的參數(shù)headers:success:執(zhí)行成功后回調(diào)的函數(shù),包括兩個(gè)參數(shù):form和actionfailure:執(zhí)行失敗后回調(diào)的函數(shù),包括兩個(gè)參數(shù):form和actionclientValidation:是否客戶端驗(yàn)證clearInvalid():清除表單中所有的無(wú)效驗(yàn)證信息findField( String id ):查找表單字段getValues( Boolean asString ):isDirty():表單數(shù)據(jù)是否被
17、更改過(guò)isValid():客戶端驗(yàn)證是否成功load( Object options ):執(zhí)行表單讀取動(dòng)作loadRecord( Record record ):從一個(gè)數(shù)據(jù)記錄中讀取數(shù)據(jù)到表單中markInvalid( Array/Object errors ):成批設(shè)置表單字段為驗(yàn)證無(wú)效reset():重置表單setValues( Array/Object values ):成批設(shè)置表單字段值submit( Object options ):執(zhí)行表單提交動(dòng)作updateRecord( Record record ):持久化表單數(shù)據(jù)到記錄集中Ext.form.Actionsuccess:執(zhí)行成
18、功后回調(diào)的函數(shù),包括兩個(gè)參數(shù):form和actionfailure:執(zhí)行失敗后回調(diào)的函數(shù),包括兩個(gè)參數(shù):form和actionmethod:表單的提交方式,有效值包括GET、POSTparams:傳遞到請(qǐng)求中的參數(shù)url:動(dòng)作提交的路徑waitMsg:動(dòng)作執(zhí)行時(shí)顯示的等待信息屬性:Action.CLIENT_INVALID:客戶端驗(yàn)證錯(cuò)誤Action.CONNECT_FAILURE:通信錯(cuò)誤Action.LOAD_FAILURE:加載數(shù)據(jù)時(shí),沒(méi)有包含data屬性的字段被返回Action.SERVER_INVALID:服務(wù)端驗(yàn)證錯(cuò)誤failureType:錯(cuò)誤類型result:包含布爾類型的su
19、ccess屬性和其他屬性,如success: true, msg: 'ok' type:動(dòng)作類型,可選值有submit和loadExt.form.Action.Submit:返回的信息中要包含一個(gè)布爾類型的success屬性和一個(gè)可選的errors屬性Ext.form.Action.Load:返回的信息中要包含一個(gè)布爾類型的success屬性和一個(gè)data屬性Ext.grid.EditorGridPanelclicksToEdit:設(shè)置點(diǎn)擊單元格進(jìn)入編輯模式的點(diǎn)擊次數(shù),默認(rèn)為2autoEncode:是否自動(dòng)編碼/解碼HTML內(nèi)容,默認(rèn)為falseselModel:默認(rèn)為Ext.
20、grid.CellSelectionModel主要方法:startEditing( Number rowIndex, Number colIndex ):開(kāi)始編輯指定單元格stopEditing( Boolean cancel ):結(jié)束編輯操作Ext.grid.GroupinViewenableGroupingMenu:是否在表頭菜單中進(jìn)行分組控制,默認(rèn)為truegroupByText:表頭菜單中分組控制的菜單文字,默認(rèn)為'Group By This Field'enableNoGroups:是否允許用戶關(guān)閉分組功能,默認(rèn)為trueshowGroupsText:在表頭菜單中啟用
21、分組和禁用分組的菜單文字,默認(rèn)為'Show in Groups'groupTextTpl:用于渲染分組信息的模板,默認(rèn)為'text',常用的可選值有: text:列標(biāo)題:組字段值gvalue:組字段的值startRow:組行索引enableGrouping:是否對(duì)數(shù)據(jù)分組,默認(rèn)為truehideGroupedColumn:是否隱藏分組列,默認(rèn)為falseignoreAdd:在向表格中添加數(shù)據(jù)時(shí)是否刷新表格,默認(rèn)為falseshowGroupName:是否在分組行上顯示分組字段的名字,默認(rèn)為truestartCollapsed:初次顯示時(shí)分組是否處于收縮狀態(tài),默認(rèn)
22、為false主要方法:collapseAllGroups():收縮所有分組行expandAllGroups():展開(kāi)所有分組行g(shù)etGroupId( String value ):根據(jù)分組字段值取得組idtoggleAllGroups( Boolean expanded ):切換所有分組行的展開(kāi)或收縮狀態(tài)toggleGroup( String groupId, Boolean expanded ):切換指定分組行的展開(kāi)或收縮狀態(tài)2、Ext.data.GroupingStoregroupField:分組字段groupOnSort:是否在分組字段上排序,默認(rèn)為falseremoteGroup:是否
23、遠(yuǎn)程分組數(shù)據(jù),默認(rèn)為false。如果是遠(yuǎn)程分組數(shù)據(jù),則通過(guò)groupBy參數(shù)發(fā)送分組字段名3、范例源碼var datas = 1,"張三",24,"男",new Date(1986,06,09), 2,"李四",30,"女",new Date(1980,09,13),3,"王五",28,"男",new Date(1982,01,10);var person = Ext.data.Record.create(name: "personId", mapping
24、: 0,name: "personName", mapping: 1,name: "personAge", mapping: 2,name: "personGender", mapping: 3,name: "personBirth", mapping: 4);var grid = new Ext.grid.GridPanel(title: "GroupingView實(shí)例",renderTo: "div1",width: 500,height: 300,frame: true
25、,tbar: text: "展開(kāi)/收縮",iconCls: "search",handler: function()var view = grid.getView();/var groupId = view.getGroupId("男");/view.toggleGroup(groupId);view.toggleAllGroups();,store: new Ext.data.GroupingStore(reader: new Ext.data.ArrayReader(id:0, person),data: datas,sortIn
26、fo: field:"personId", direction:"ASC", /數(shù)據(jù)排序groupField: "personGender" /分組字段),view: new Ext.grid.GroupingView(sortAscText: "升序",sortDescText: "降序",columnsText: "表格字段",groupByText: "使用當(dāng)前字段進(jìn)行分組",showGroupsText: "表格分組",grou
27、pTextTpl: "text(共values.rs.length條)"),columns: id:"personId", header:"編號(hào)", width:50, dataIndex:"personId", id:"personName", header:"姓名", width:70, dataIndex:"personName", id:"personAge", header:"年齡", width:45,
28、dataIndex:"personAge",id:"personGender", header:"性別", width:45, dataIndex:"personGender", id:"personBirth", header:"出生日期", width:120, dataIndex:"personBirth", renderer:Ext.util.Format.dateRenderer("Y年m月d日");Ext.grid.Grid
29、Panel:store:表格的數(shù)據(jù)集columns:表格列模式的配置數(shù)組,可自動(dòng)創(chuàng)建ColumnModel列模式autoExpandColumn:自動(dòng)充滿表格未用空間的列,參數(shù)為列id,該id不能為0 stripeRows:表格是否隔行換色,默認(rèn)為falsecm、colModel:表格的列模式,渲染表格時(shí)必須設(shè)置該配置項(xiàng)sm、selModel:表格的選擇模式,默認(rèn)為Ext.grid.RowSelectionModel enableHdMenu:是否顯示表頭的上下文菜單,默認(rèn)為trueenableColumnHide:是否允許通過(guò)標(biāo)題中的上下文菜單隱藏列,默認(rèn)為true loadMask:是否在
30、加載數(shù)據(jù)時(shí)顯示遮罩效果,默認(rèn)為falseview:表格視圖,默認(rèn)為Ext.grid.GridViewviewConfig:表格視圖的配置對(duì)象autoExpandMax:自動(dòng)擴(kuò)充列的最大寬度,默認(rèn)為1000autoExpandMin:自動(dòng)擴(kuò)充列的最小寬度,默認(rèn)為50columnLines:是否顯示列分割線,默認(rèn)為falsedisableSelection:是否禁止行選擇,默認(rèn)為falseenableColumnMove:是否允許拖放列,默認(rèn)為trueenableColumnResize:是否允許改變列寬,默認(rèn)為truehideHeaders:是否隱藏表頭,默認(rèn)為falsemaxHeight:最大
31、高度minColumnWidth:最小列寬,默認(rèn)為25trackMouseOver:是否高亮顯示鼠標(biāo)所在的行,默認(rèn)為true主要方法:getColumnModel():取得列模式getSelectionModel():取得選擇模式getStore():取得數(shù)據(jù)集getView():取得視圖對(duì)象reconfigure( Ext.data.Store store, Ext.grid.ColumnModel colModel ):使用一個(gè)新的數(shù)據(jù)集和列模式重新配置表格組件2、Ext.grid.Column主要配置項(xiàng):id:列idheader:表頭文字dataIndex:設(shè)置列與數(shù)據(jù)集中數(shù)據(jù)記錄的對(duì)應(yīng)
32、關(guān)系,值為數(shù)據(jù)記錄中的字段名稱。如果沒(méi)有設(shè)置該項(xiàng)則使用列索引與數(shù)據(jù)記錄中字段的索引進(jìn)行對(duì)應(yīng)width:列寬align:列數(shù)據(jù)的對(duì)齊方式hidden:是否隱藏列,默認(rèn)為falsefixed:是否固定列寬,默認(rèn)為falsemenuDisabled:是否禁用列的上下文菜單,默認(rèn)為falseresizable:是否允許改變列寬,默認(rèn)為truesortable:是否允許排序,默認(rèn)為truerenderer:設(shè)置列的自定義單元格渲染函數(shù)傳入函數(shù)的參數(shù)有:value:數(shù)據(jù)的原始值metadata:元數(shù)據(jù)對(duì)象,用于設(shè)置單元格的樣式和屬性,該對(duì)象包含的屬性有: css:應(yīng)用到單元格TD元素上的樣式名稱attr:
33、一個(gè)HTML屬性定義字符串,例如'style="color:blue"' record:當(dāng)前數(shù)據(jù)記錄對(duì)象rowIndex:?jiǎn)卧竦男兴饕齝olIndex:?jiǎn)卧竦牧兴饕齭tore:數(shù)據(jù)集對(duì)象xtype:列渲染器類型,默認(rèn)為gridcolumn,其它可選值有booleancolumn、numbercolumn、datecolumn、templatecolumn等editable:是否可編輯,默認(rèn)為trueeditor:編輯器groupName:emptyGroupText:groupable:3、Ext.grid.ColumnModel主要配置項(xiàng):column
34、s:字段數(shù)組defaultSortable:是否進(jìn)行默認(rèn)排序,默認(rèn)為falsedefaultWidth:默認(rèn)寬度主要方法:findColumnIndex( String col ):根據(jù)給定的dataIndex查找列索引getColumnById( String id ):取得指定id對(duì)應(yīng)的列g(shù)etColumnCount( Boolean visibleOnly ):取得列總數(shù)getColumnHeader( Number col ):取得列的表頭getColumnId( Number index ):取得列idgetDataIndex( Number col ):取得列對(duì)應(yīng)的數(shù)據(jù)字段名get
35、IndexById( 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 dataIn
36、dex )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主要方法:clearSelec
37、tions( 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主要配置項(xiàng):singleSelect:是否單選模式,默認(rèn)為false,
38、即可以選擇多條數(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ù)中g(shù)etCount():得到選擇的總行數(shù)getSelected():得到第一個(gè)被選記錄getSelections():得到所有被
39、選記錄的數(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(
40、 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 ):選擇一行
41、row:行索引selectRows( Array rows, Boolean keepExisting ):選擇多行rows:行索引數(shù)組7、Ext.grid.CheckboxSelectionModel主要配置項(xiàng):singleSelect:是否單選模式,默認(rèn)為false,即可以選擇多條數(shù)據(jù)checkOnly:是否只能通過(guò)點(diǎn)擊checkbox列進(jìn)行選擇,默認(rèn)為falsesortable:是否允許checkbox列排序,默認(rèn)為falsewidth:checkbox列的寬度,默認(rèn)為208、Ext.grid.RowNumberer主要配置項(xiàng):header:行號(hào)列表頭顯示的內(nèi)容width:列寬,默認(rèn)為2
42、39、Ext.grid.GridView主要配置項(xiàng):enableRowBody:是否包含行體sortAscText:表格標(biāo)題菜單中升序的文字描述sortDescText:表格標(biāo)題菜單中降序的文字描述columnsText:表格標(biāo)題菜單中列對(duì)應(yīng)的文字描述autoFill:是否自動(dòng)擴(kuò)展列以充滿整個(gè)表格,默認(rèn)為falseforceFit:是否強(qiáng)制調(diào)整表格列寬以適用表格的整體寬度,防止出現(xiàn)水平滾動(dòng)條,默認(rèn)為false主要方法:focusCell( Number row, Number col ):將焦點(diǎn)移到指定單元格focusRow( Number row ):將焦點(diǎn)移動(dòng)指定行g(shù)etCell( Num
43、ber row, Number col ):取得指定單元格對(duì)應(yīng)的td元素getHeaderCell( Number index ):取得指定表頭對(duì)應(yīng)的td元素getRow( Number index ):取得指定行對(duì)應(yīng)的tr元素getRowClass( Record record, Number index, Object rowParams, Store store ):得到附加到表格行上的樣式名record:當(dāng)前行的數(shù)據(jù)記錄對(duì)象index:當(dāng)前行的索引rowParams:渲染時(shí)傳入到行模板中的配置對(duì)象,通過(guò)它可以為行體定制樣式,該對(duì)象只在enableRowBody為true時(shí)才生效,可能的
44、屬性如下:body:渲染到行體中的HTML代碼片段bodyStyle:應(yīng)用到行體tr元素style屬性的字符串cols:應(yīng)用到行體td元素colspan屬性的值,默認(rèn)為總列數(shù)store:表格數(shù)據(jù)集refresh( Boolean headersToo ):刷新表格組件scrollToTop():滾動(dòng)表格到頂端Ext.TabPanel:activeTab:初始激活的tab,索引或者id值,默認(rèn)為noneautoTabs:是否自動(dòng)將帶有'x-tab'樣式類的div轉(zhuǎn)成tabs添加到TabPanel中,默認(rèn)為false。 當(dāng)該配置項(xiàng)設(shè)為true時(shí),需要設(shè)置deferredRender
45、為false,還必須使用applyTo。 deferredRender:是否延遲渲染,默認(rèn)為true。autoTabSelector:默認(rèn)為'div.x-tab'。resizeTabs:是否可以改變tab的尺寸,默認(rèn)為false。minTabWidth:tab的最小寬度,默認(rèn)為30。tabWidth:每個(gè)新增加的tab寬度,默認(rèn)為120。tabTip:tab的提示信息tabPosition:tab位置,可選值有top、bottom,默認(rèn)為top。enableTabScroll:是否允許Tab溢出時(shí)可以滾動(dòng),默認(rèn)為false。closable:tab是否可關(guān)閉,默認(rèn)為falses
46、crollDuration:每次的滾動(dòng)時(shí)長(zhǎng),默認(rèn)為0.35毫秒。scrollIncrement:每次的滾動(dòng)步長(zhǎng),默認(rèn)為100像素。wheelIncrement:每次鼠標(biāo)滑輪的滾動(dòng)步長(zhǎng),默認(rèn)為20像素。2、主要方法:activate( String/Panel tab )getActiveTab():獲取當(dāng)前活動(dòng)的tabget( String/Number key ):根據(jù)組件id或者索引獲取組件getItem(String id):根據(jù)tab id獲取tabsetActiveTab( String/Number item )remove( Component/String component, Boolean autoDestroy )removeAll( Boolean autoDestroy )3、范例new
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 《學(xué)期末家長(zhǎng)會(huì)》課件
- 《管理核心要領(lǐng)》課件
- 《管理學(xué)原理教學(xué)課件與講解》
- 光伏產(chǎn)業(yè)風(fēng)險(xiǎn)管理
- 供電公司電力安全培訓(xùn)體系
- 公共衛(wèi)生管理體系構(gòu)建與實(shí)施策略
- 新質(zhì)生產(chǎn)力和先進(jìn)生產(chǎn)力的關(guān)系
- 《高效軟件項(xiàng)目開(kāi)發(fā)管理》課件
- 醫(yī)院2025年上半年改善醫(yī)療服務(wù)行動(dòng)總結(jié)模版
- 2025年度語(yǔ)文教學(xué)工作度總結(jié)模版
- 充電樁四方協(xié)議書范本
- 中考英語(yǔ)情景交際和看圖寫話
- 知道智慧網(wǎng)課《科學(xué)社會(huì)主義概論》章節(jié)測(cè)試答案
- 2024國(guó)有土地房屋買賣合同
- QB/T 2660-2024 化妝水(正式版)
- 《養(yǎng)老護(hù)理員》-課件:自然災(zāi)害的應(yīng)對(duì)處理知識(shí)
- 新思想引領(lǐng)新征程新青年建功新時(shí)代 (修改版)
- 跨部門協(xié)調(diào)與部門間合作
- 飼料添加劑(全)課件
- 《田間藥效試驗(yàn)》課件
- 勞務(wù)外包服務(wù)方案(技術(shù)方案)
評(píng)論
0/150
提交評(píng)論