Ext.field.InputMask сфокусирован по умолчанию

Question

Ext.field.InputMask позволяет создавать поля ввода с предопределенными свойствами.Образец показан в этой ссылке .В этом примере вам нужно щелкнуть поле, чтобы получить фокус, и только тогда вы можете ввести туда данные.

Как мне сделать Ext.field.InputMask в этом примере сфокусированным по умолчанию иготов принять ввод с клавиатуры, не нажимая / вкладку в это поле?

Answer 1

Вы можете добавить прослушиватель событий, чтобы поймать событие painted и использовать метод focus на компоненте для достижения фокуса.

Просто добавьте listeners в поле, как показано ниже:

Ext.create({
    fullscreen: true,
    xtype: 'formpanel',

    items: [{
        xtype: 'textfield',
        label: 'Phone Number',
        placeholder: '(xxx) xxx-xxxx',
        inputMask: '(999) 999-9999',
        listeners: {
            painted: function (component) { 
                component.focus();
            }
        }
    }]
});