extjs 两个文本框输入值 另一个文本框的值自动计算

2025-05-11 18:44:53
推荐回答(4个)
回答1:

input自带方法oninput & onpropertychange 监听事件



    
    
        function OnInput(event) {//兼容其他浏览器及IE9以上版本
            alert("当前值: " + event.target.value);
        }
        // Internet Explorer
        function OnPropChanged(event) {//兼容IE9以下版本
            if (event.propertyName.toLowerCase() == "value") {
                alert("当前值: " + event.srcElement.value)
            }
        }
    


    

提示到这里,怎么实现还是自己想办法较好!

如有问题请继续追问,望采纳!

回答2:

参考下,校验什么的需要自己完善下

Ext.create('Ext.form.Panel', {
    title: 'Contact Info',
    width: 300,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'textfield',
        itemId: 'num1',
        fieldLabel: '数值1',
vtype: 'alphanum',
listeners:{
blur:function(obj){
debugger;
   var num3 = obj.ownerCt.getComponent('num3');
   var num2 = obj.ownerCt.getComponent('num2').value;
   if(num2!=null)
   num3.setValue(obj.value*num2);
 }

    }, {
        xtype: 'textfield',
        itemId: 'num2',
        fieldLabel: '数值2',
vtype: 'alphanum',
listeners:{
blur:function(obj){
   var num3 = obj.ownerCt.getComponent('num3');
   var num1 = obj.ownerCt.getComponent('num1').value;
   if(num1!=null)
   num3.setValue(obj.value*num1);
 }
}
    }, {
        xtype: 'textfield',
        itemId: 'num3',
        fieldLabel: '乘积' 
    }]
});

回答3:

+-/乘都有。。。。

回答4:

在第二个文本框焦点离开后给第3个赋值就好了