Ext.field.InputMask默认为焦点

Question

Ext.field.InputMask允许您创建具有预定义属性的输入字段。 link中显示了一个示例。 在示例中，您需要单击该字段以获取焦点，然后才能在其中输入数据。

在该示例中，如何使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();
            }
        }
    }]
});