javascript - Ext.field.InputMask 默认聚焦

Question

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

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

标签： javascriptextjs

Answer 1

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

只需添加listeners到如下字段：

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

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