extjstimefiled時間下拉選擇ampm的簡單介紹

本文目錄一覽：

• 1、extjs 控制項事件大全
• 2、extjs4中日期怎麼比較大小？
• 3、Extjs GridPanel構造器參數意思
• 4、extjs timefield選擇後顯示Tue Jan 01 2008 00:30:00 GMT+0800 (中國標準時間)

extjs 控制項事件大全

Ext.form.TimeField:

配置項：

maxValue：列表中允許的最大時間

maxText：當時間大於最大值時的錯誤提示信息

minValue：列表中允許的最小時間

minText：當時間小於最小值時的錯誤提示信息

increment：兩個相鄰選項間的時間間隔，默認為15分鐘

format：顯示格式，默認為「g:i A」。一般使用「H:i:s」

H：帶前綴0的24小時

i：帶前綴0的分鐘

s：帶前綴0的秒

invalidText：當時間值非法時顯示的提示信息

altFormats：多個時間輸入格式組成的字元串，不同的格式之間使用「|」進行分割

Ext.form.FieldSet

animCollapse：動畫摺疊，默認為false

checkboxToggle：設置是否顯示欄位集的checkbox選擇框，默認為false

checkboxName：指定欄位集中用於展開或隱藏欄位集面板的checkbox的名字，該屬性只有在checkboxToggle為true時生效

labelWidth：欄位標籤的寬度，可以級聯到子容器

layout：布局，默認為form

Ext.form.DateFied

maxValue：允許選擇的最大日期

maxText：當日期大於最大值時的錯誤提示信息

minValue：允許選擇的最小時間

minText：當日期小於最小值時的錯誤提示信息

format：日期顯示格式，默認為「m/d/y」，一般使用「Y-m-d」

Y：四位年份

m：帶前綴0的月份

d：帶前綴0的日期

y：兩位年份

n：不帶前綴0的月份

j：不帶前綴0的日期

w：星期的數字，0表示星期日，1代表星期一

showToday：是否顯示今天按鈕，默認為true

altFormats：多個日期輸入格式組成的字元串，不同的格式之間使用「|」進行分割，默認值為’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：禁止選擇的日期組成的數組

disabledDatesText：選擇禁選日期時顯示的提示信息

disabledDays：禁止選擇的星期組成的數組，0代表星期日，1代表星期一

disabledDaysText：選擇禁選星期時顯示的提示信息

invalidText：當日期值非法時顯示的提示信息

方法：

getValue()：取得日期值

Ext.form.ComboBox

displayField：被顯示在下拉框中的欄位名

editable：是否可編輯，默認為true

forceSelection：輸入值是否嚴格為待選列表中存在的值。如果輸入不存在的值，會自動選擇第一個最接近的值。

hiddenName：隱藏欄位的名字，如果提供該參數則一個隱藏欄位將被創建，用來存儲所選值，當表單提交時在伺服器端可以通過該名字取得列表中的所選值

listWidth：下拉列表的寬度

minListWidth：下拉列表的最小寬度，默認為70像素

loadingText：當下拉框載入數據時顯示的提示信息，只有當mode=’remote’時才會生效

maxHeight：下拉列表框的最大高度，默認為300像素

minChars：下拉列表框自動選擇前用戶需要輸入的最小字元數量。mode=’remote’默認為4，mode=’local’默認為0

mode：下拉列表框的數據讀取模式。remote讀取遠程數據，local讀取本地數據

pageSize：下拉列表框的分頁大小。該項設置只在mode=’remote’時生效

queryParam：查詢的名字，默認為’query’，將被傳遞到查詢字元串中

allQuery：一個發往伺服器用來查詢全部信息的查詢字元串，默認為空字元串”

selectOnFocus：當獲得焦點時立刻選擇一個已存在的列表項。默認為false，此項只有在editable=true時才會生效

store：列表框綁定的數據源

transform：將頁面中已存在的元素轉換為組合框

lazyInit：延時初始化下拉列表，默認為true

lazyRender：延時渲染，默認為false

triggerAction：設置單擊觸發按鈕時執行的默認操作，有效值包括all和query，默認為query，如果設置為all則會執行allQuery中設置的查詢

typeAhead：設置在輸入過程中是否自動選擇匹配的剩餘部分文本（選擇第一個滿足條件的），默認為false

value：初始化組合框中的值

valueField：組合框的值欄位

valueNotFoundText：值不存在時的提示信息

tpl：Ext模板字元串或模板對象，可以通過該配置項自定義下拉列表的顯示方式

方法：

clearValue()：清空欄位當前值

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：是否允許不選擇，默認為true

blankText：

columns：顯示的列數，可選值包括：固定值auto、數值、數組（整數、小數）

items：對象數組

vertical：是否垂直方向顯示對象，默認為false

Ext.form.Checkbox

boxLabel：複選框的文字描述

checked：複選框是否被選擇，默認為false

handler：當checked值改變時觸發的函數，函數包含兩個參數：checkbox、checked

inputValue：

方法：

getValue()：返回複選框的checked狀態

setValue( Boolean/String checked )：

Ext.form.NumberField

allowDecimals：是否允許輸入小數，默認為true

allowNegative：是否允許輸入負數，默認為true

baseChars：輸入的有效數字集合，默認為’0123456789′

decimalPrecision：數字的精度，默認保留小數點後2位

decimalSeparator：十進位分隔符，默認為’.’

maxValue：允許輸入的最大數值

maxText：超過最大值之後的提示信息

minValue：允許輸入的最小數值

minText：超過最小值之後的提示信息

nanText：輸入非有效數值之後的提示信息

Ext.form.TextArea

preventScrollbars：是否禁止出現滾動條，默認為false

extjs4中日期怎麼比較大小？

可以使用change事件，先獲取到第一個時間，

var firstTimeValue = form.findField(‘firstTime’).getValue();

然後對第二個時間做change事件，

‘form timefield’:{

change:function(timefield){

var secondTimeValue = timefield.getValue();

if( firstTimeValue secondTimeValue ){

Ext.Msg.show({

title:’提示’,

msg: ‘時間輸入不正確（開始日期不能大於結束日期）’,

buttons: Ext.Msg.OK,

icon: Ext.Msg.ERROR

});

}

}

},

Extjs GridPanel構造器參數意思

如樓上所說,其實都是一些簡寫,當然你可以把cm寫成ColumModel,

系統定義了一套簡寫模式,叫做:ExtJs中的xtype類型.

定義

xtype就是一個代表類（Class）的標識名字。

譬如，你有這個類，名字是Ext.ux.MyGrid。正常情況下你需要用這個名字來實例化這個類（創建類的對象）。

除了類名外，你還可以這樣登記類的xtype：

Ext.reg(‘mygrid’, Ext.ux.MyGrid);

其中xtype 是 mygrid 而類名的一般形式是Ext.ux.MyGrid。上面的語句登記了新的xtype ，換種說法說，xtype mygrid 與類 Ext.ux.MyGrid是連在一起的。

到底有什麼好處？

延時實例化

下面是一些資料,但是不全,你在網上再找找吧,我也初學

.基本組件：

xtype Class 描述

button Ext.Button 按鈕

splitbutton Ext.SplitButton 帶下拉菜單的按鈕

cycle Ext.CycleButton 帶下拉選項菜單的按鈕

buttongroup Ext.ButtonGroup 編組按鈕(Since 3.0)

slider Ext.Slider 滑動條

progress Ext.ProgressBar 進度條

statusbar Ext.StatusBar 狀態條，2.2加進來，3.0 又去了

colorpalette Ext.ColorPalette 調色板

datepicker Ext.DatePicker 日期選擇面板

容器及數據類組件

xtype Class 描述

window Ext.Window 窗口

viewport Ext.ViewPort 視口，即瀏覽器的視口，能隨之伸縮

box Ext.BoxComponent 盒子組件，相當於一個 div

component Ext.Component 組件

container Ext.Container 容器

panel Ext.Panel 面板

tabpanel Ext.TabPanel 選項面板

treepanel Ext.tree.TreePanel 樹型面板

flash Ext.FlashComponent 顯示 Flash 的組件(Since 3.0)

grid Ext.grid.GridPanel 表格

editorgrid Ext.grid.EditorGridPanel 可編輯的表格

propertygrid Ext.grid.PropertyGrid 屬性表格

editor Ext.Editor 編輯器

dataview Ext.DataView 數據顯示視圖

listview Ext.ListView 列表視圖

工具欄組件：

xtype Class 描述

paging Ext.PagingToolbar 分頁工具條

toolbar Ext.Toolbar 工具欄

tbbutton Ext.Toolbar.Button 工具欄按鈕

tbfill Ext.Toolbar.Fill 工具欄填充區

tbitem Ext.Toolbar.Item 工具條項目

tbseparator Ext.Toolbar.Separator 工具欄分隔符

tbspacer Ext.Toolbar.Spacer 工具欄空白

tbsplit Ext.Toolbar.SplitButton 工具欄分隔按鈕

tbtext Ext.Toolbar.TextItem 工具欄文本項

菜單組件：

xtype Class 描述

menu Ext.menu.Menu 菜單

colormenu Ext.menu.ColorMenu 顏色選擇菜單

datemenu Ext.menu.DateMenu 日期選擇菜單

menubaseitem BaseItem

menucheckitem Ext.menu.CheckItem 選項菜單項

menuitem Ext.menu.Item

menuseparator Ext.menu.Separator 菜單分隔線

menutextitem Ext.menu.TextItem 文本菜單項

表單及表單域組件：

xtype Class 描述

form Ext.FormPanel/Ext.form.FormPanel 表單面板

checkbox Ext.form.Checkbox 多選框

combo Ext.form.ComboBox 下拉框

datefield Ext.form.DateField 日期選擇項

timefield Ext.form.TimeField 時間錄入項

field Ext.form.Field 表單欄位

fieldset Ext.form.FieldSet 表單欄位組

hidden Ext.form.Hidden 表單隱藏域

htmleditor Ext.form.HtmlEditor HTML 編輯器

label Ext.form.Label 標籤

numberfield Ext.form.NumberField 數字編輯器

radio Ext.form.Radio 單選按鈕

textarea Ext.form.TextArea 多行文本框

textfield Ext.form.TextField 表單文本框

trigger Ext.form.TriggerField 觸發錄入項

checkboxgroup Ext.form.CheckboxGroup 編組的多選框(Since 2.2)

displayfield Ext.form.DisplayField 僅顯示，不校驗/不被提交的文本框

radiogroup Ext.form.RadioGroup 編組的單選按鈕(Since 2.2)

圖表組件：

xtype Class 描述

chart Ext.chart.Chart 圖表組件

barchart Ext.chart.BarChart 柱狀圖

cartsianchart Ext.chart.CartesianChart

columnchart Ext.chart.ColumnChart

linechart Ext.chart.LineChart 連線圖

piechart Ext.chart.PieChart 扇形圖

數據集 Store：

xtype Class 描述

arraystore Ext.data.ArrayStore

directstore Ext.data.DirectStore

groupingstore Ext.data.GroupingStore

jsonstore Ext.data.JsonStore

simplestore Ext.data.SimpleStore

store Ext.data.Store

xmlstore Ext.data.XmlStore

extjs timefield選擇後顯示Tue Jan 01 2008 00:30:00 GMT+0800 (中國標準時間)

這種情況下應該是需要字元串格式的時間，但是你給的是數字格式的時間。例如

將2019換成’2019’，就可以解決此項提醒。