例如有三列NumberField,分别是:开始量 结束量 差。实现输入完开始量和结束量,即时自动计算差并填充。
在Ext.form.NumberField加入listeners,选用的事件为“change”
var paramStart = new Ext.form.NumberField({
id:"paramStart",
fieldLabel: "开始读数",
allowBlank: false,
width: 180,
tabIndex: 3,
blankText: "不能为空"
});
var paramEnd = new Ext.form.NumberField({
id:"paramEnd",
fieldLabel: "终止读数",
allowBlank: false,
width: 180,
tabIndex: 4,
blankText: "不能为空",
listeners:{
change:function()
{
if( Ext.getCmp('paramEnd').getValue!=""&&Ext.getCmp('paramEnd').getValue()!="0"){
Ext.getCmp('shishou').setValue(Ext.getCmp('paramEnd').getValue()-Ext.getCmp('paramStart').getValue());//即时计算并填充 }
}
}
});
var shishu = new Ext.form.NumberField({
id:"shishou",
fieldLabel: "收费量",
allowBlank: false,
width: 180,
tabIndex: 4,
blankText: "不能为空"
});