extjs4 - 如何专注于文本字段？

Question

我似乎无法在 extjs 4 中聚焦表单中的字段。

该文档列出了文本字段的焦点函数(继承自组件)，但它在聚焦到输入字段方面没有做任何事情。

这是来自文档的示例代码

Ext.create('Ext.form.Panel', {
    title: 'Contact Info',
    width: 300,
    bodyPadding: 10,
    renderTo: Ext.getBody(),        
    items: [{
        xtype: 'textfield',
        name: 'name',
        fieldLabel: 'Name',
        allowBlank: false 
    }, {
        xtype: 'textfield',
        id:'email',
        name: 'email',
        fieldLabel: 'Email Address',
        vtype: 'email'  
    }]
});

如果我调用 Ext.getCmp('email').focus() 什么都看不到。

在 extjs 4 中聚焦字段的正确方法是什么？

Answer 1

有时，一个简单的解决方法是稍微延迟焦点调用，以防其他代码或什至是 UI 线程允许焦点发生的时间问题。例如:

Ext.defer(function(){
    Ext.getCmp('email').focus();
}, 0);