上篇寫了實現(xiàn)的代碼,在這里給出使用的例子
上篇文章:
[Extjs]查詢字段所在區(qū)域時常用的控件
比較數(shù)字
var valueField = new Ext.ux.ComparingField(
{
fieldLabel : "數(shù)量",
name : "value",
valueConfig:{
allowBlank:false
}
});var valueField= new Ext.ux.ComparingField({
fieldLabel : "日期",
type:'date',
name : "value",
valueConfig:{
allowBlank:false
}
});
比較時間
var valueField= new Ext.ux.ComparingField({
fieldLabel : "時間",
type:'time',
name : "value",
valueConfig:{
allowBlank:false
}
});
比較日期時間
var valueField= new Ext.ux.ComparingField({
fieldLabel : "日期時間",
type:'dateTime',
name : "value",
valueConfig:{
allowBlank:false
}
});
說明:
這里將往服務(wù)端發(fā)送兩個相關(guān)的參數(shù):
valueSymbol ----前面的操作符號的數(shù)字代號
-2 <
-1 <=
0 =
1 >=
2 >
valueValue ----后面比較的值
IntervalField 的使用例子
限定數(shù)字在一個區(qū)間內(nèi)
var field = new Ext.ux.IntervalField({
fieldLabel : "數(shù)量",
name : "field",
startConfig:{
allowBlank:false
},
endConfig:{
allowBlank:false
}
});
限定日期在一個區(qū)間內(nèi)
var field = new Ext.ux.IntervalField({
fieldLabel : "日期",
name : "field",
type:'date',
startConfig:{
allowBlank:false
},
endConfig:{
allowBlank:false
}
});
限定時間在一個區(qū)間內(nèi)
var field= new Ext.ux.IntervalField({
fieldLabel : "時間",
name : "field",
type:'time',
startConfig:{
allowBlank:false
},
endConfig:{
allowBlank:false
}
});
限定日期時間在一個區(qū)間內(nèi)
var field = new Ext.ux.IntervalField({
fieldLabel : "日期時間",
name : "field",
type:'dateTime',
startConfig:{
allowBlank:false
},
endConfig:{
allowBlank:false
}
});
說明:
* 這里將往服務(wù)端發(fā)送兩個相關(guān)的參數(shù):
*
* fieldStart----區(qū)間的下界
* fieldEnd----區(qū)間的上界
Let life be beautiful like summer flowers and death like autumn leaves.