Extjs 4 set focus on number field

Question

I have a number field in my form named cashPay and another field name is totalPayable. Now if cashPay is less then totalPayable I need to alert a message and focus on the cashPay field. But I am not being able to do it. focus method works on textfield in other form but on number field it is not working for me. Can anyone please help me on this. Here is my code below :

in my view page >>>

{
            xtype: 'numberfield',
            name: 'cashPay',
            id: 'cashPay',
            keyNavEnabled: false,
            mouseWheelEnabled: false,
            enableKeyEvents: true,
            allowBlank: false,
            hideTrigger: true,
            fieldLabel: 'Cash Pay',
            action: 'cashCalculation'
        }

in my controller >>>

Ext.Msg.alert("Warning !","Sorry Cash Pay is less than this month's installment. Please pay the right amount")
        Ext.getCmp('cashPay').focus(false, 1);

are you able to display Ext.Msg.alert? Also post your view page and controller — Avinash T., Jan 10 '13 at 08:31

Christiaan Westerbeek · Accepted Answer · 2015-06-09T19:00:23.367

4

The focus method is defined by and inherited from Ext.component. So, if it works for textfield, it should also work for numberfield. It may be something else. You may try to delay a little bit more using

numberfield.focus(undefined, 20);

Btw: I don't think you should use Ext.getCmp if your numberfield is within a Ext JS form. If you can, use up and down methods to get from your component that is firing the event to your numberfield.

edited Jun 09 '15 at 19:00

answered Jan 10 '13 at 08:28

Christiaan Westerbeek

10,619
13
64
89

thanks for your attempt but its not working and its not a combo its a numberfield – Sumon Bappi Jan 10 '13 at 09:10

score 1 · Answer 2 · edited Aug 07 '14 at 06:07

Use 'show' and a callback:

Ext.Msg.show({
    title: 'Warning !',
    msg: "Sorry Cash Pay is less than this month's installment. Please pay the right amount",
    width: 300,
    buttons: Ext.Msg.OK,
    closable: false,
    fn: justAnotherFunc
});

justAnotherFunc: function() {
   Ext.getCmp('cashPay').focus(false, 1);
}

Alert is asynchronous, so the field gets the focus and automatically loses it when you close the alert message.

Extjs 4 set focus on number field

2 Answers2