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