A. extjs 如何實現在表格編輯狀態下輸入數字後,按回車自動到下一行的編輯狀態
你在GRID裡面加一個KEYS 監聽回車。
然後在監聽方法裡面獲取當前編輯的CELL 然後得到當前編輯的CELL下一列的CELL。 然後調用開始編輯方法。
具體的用法可以看看editgridpanel的api 找到keys這個屬性 看看說明
B. extjs 如何禁用日期時間控制項
1、extjs日期控制項禁用:設置editable:false這個屬性即可。
editable:是否可編輯,默認為true 。
2、Extjs日期控制項禁止用戶輸入(設版置readOnly為true):
JScript 代碼權 :
{
xtype:"datefield",
format:"Y-m-d",
value:"1986-12-25",
readOnly:true, //設置為true為只讀狀態,禁止用戶輸入
fieldLabel:"Birth"
}
3、extjs DateField 的值用getValue()方法獲取後是一大堆字元串,類似Tue Dec 07 2010 00:00:00 GMT 0800,存入資料庫需要格式化一下,用EXT的Ext.util.Format.date()方法:
var gedt = Ext.util.Format.date(日期控制項.getValue(), 'Y-m-d');
出來的日期格式就是 2010-10-10。
C. extjs日期格式化成java的yyyyMMddHHmmssSSS的形式,怎樣寫
Ext.util.Format.date(date,'YMdHmsu') 類似這樣的試下
具體參考下api中Extjs中util.Format裡面的方法和Date裡面對時間單位的解釋
D. 怎樣用jquery/或EXTJS實現對輸入框的驗證(格式、長度、字母數字、特殊字元等方面的校驗),最好能寫成可
好像有個jquery.validate.js的驗證插件
E. 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
F. extjs獲取當前時間並且怎麼取7天前的時間
///獲取當前日期(到秒)
var curDate = new Date()
//格式化;
var time=Ext.Date.format(curDate, 'Y-m-d');
///取7天前的時間
var now = new Date(new Date()-7*24*60*60*1000);
alert(now);
或
var today = new Date();
today.setDate(parseInt(today.getDate()) - 7);
console.log(today.toLocaleString());
G. EXTJS中時間+時分秒 datetimefield 點擊選擇之後時間添加不到文本框怎麼辦
你的extjs的版本是多少???
我給你個extjs3.x能用的~~~
相關代碼:
創建:
{
id:'sm_time',
x:110,
y:10,
xtype:'datetimefield',
disabled:true,
format:'H:i'
}賦值:
Ext.getCmp('sm_time').setValue(newDate());
校驗:
varval=Ext.getCmp('sm_time').validate();
if(!val){
Ext.MessageBox.alert("注意","輸入的時間格式不正確!");
return;
}
取值:
varsm_time=Ext.getCmp('sm_time').getValue();
sm_time=sm_time.format("Y-m-dH:i:s");//格式化
sm_time.getTime()//獲取long類型的時間
H. extjs 怎麼使用正則表達式
javascript本身支持復正則表達式,和制extjs沒有關系。
javascript中可以用反斜線將字元串括起來就表示一個正則表達式模式,例如
varregexp=/[0-9]{2,5}/;//regexp變數值就是一個正則模式,匹配2~5位數字
也可以用創建對象的標准語法來表示,例如:
varregexp=newRegExp("[0-9]{2,5}");//和上例等效
模式可以有附加參數(非必需),包括:
包含屬性 "g"、"i" 和 "m",分別用於指定全局匹配、區分大小寫的匹配和多行匹配。可以組合使用,例如「ig」。
例如:
varregexp=/[a-n]{3}/i;//忽略大小寫,匹配3個a到n的英文字母
//也可以寫成varregexp=newRegExp("[a-n]{3}","i")
js正則表達式有多個方法,常用的有exec、test、compile。
test() 方法檢索字元串中的指定值。返回值是 true 或 false。
exec() 方法檢索字元串中的指定值。返回值是被找到的值。如果沒有發現匹配,則返回 null。
compile() 方法用於改變 RegExp。