Question

我有小查询，我有两个文本字段。我的查询是如果我在第二个文本字段中输入一个值，如果该值大于第一个文本字段，则显示弹出消息框，我怎样才能实现这个要求。任何人都可以帮助我。

Answer 1

以下是一个例子：

在这里工作小提琴：https://fiddle.sencha.com/#fiddle/osl

Ext.create('Ext.form.Panel', {
    title: 'Check Fields',
    width: 300,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'textfield',
        name: 'name',
        fieldLabel: 'Number1',
        xtype: 'numberfield',
        id: 'num1'
    }, {
        xtype: 'textfield',
        name: 'text2',
        fieldLabel: 'Number2',
        xtype: 'numberfield', 
        listeners:{
            change: function( me, newValue, oldValue, eOpts ){
                if (Ext.getCmp("num1").getValue() > newValue){
                    Ext.Msg.alert('Status', 'Field 1 greater than Field2');
                }
            }
        }
    }],

}）;

Answer 2

有很多方法可以实现这一点。一种可能的方式是：

Ext.widget({
    xtype: 'container',
    defaults: {
        xtype: 'textfield'
    },
    items: [
        {
            fieldLabel: 'Field 1',
            name: 'f1'
        },
        {
            fieldLabel: 'Field 2',
            listeners: {
                'change': function() {
                    if (this.getValue() > this.ownerCt.down('textfield[name="f1"]').getValue()) {
                        Ext.Msg.alert('Attention', 'The value of the second field is greater than the value of the first one');
                    }
                }
            }
        }
    ],
    renderTo: Ext.getBody()
});

Answer 3

（我正在使用jquery）

第一个文本字段id = A. 第二个文本字段id = B

var a=$('#A');
 var b=$('#B');

$("#B").on(function() {
   if(a>b){
 alert("B number is greater than A number");
  }
});

如何使用ext js比较两个文本字段值

3 个答案: