javascript - 默认聚焦 Ext.field.InputMask

Question

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

如何使该示例中的 Ext.field.InputMask 默认聚焦并准备好接受键盘输入，而无需单击/选项卡到该字段？

Answer 1

您可以添加事件监听器来捕获painted事件，并在组件上使用focus方法来实现焦点。

只需将监听器添加到如下字段:

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();
            }
        }
    }]
});