javascript - 在刚刚创建的窗口中为文本输入设置焦点

Question

我有一个简单的窗口:

   this.window = Ext.widget('window', {
            title: 'Find',
            closeAction: 'hide',
            width: 300,
            layout: 'fit',
            items: form
        });

里面有琐碎的形式

var form = Ext.widget('form', {
    layout: {
        type: 'vbox',
        align: 'stretch'
    },
    border: false,
    bodyPadding: 10,

    items: [
        this.findInput,
    ]
});

只有一个项目

    this.findInput = Ext.widget('textfield', {
        name: 'find'
    });

问题是:如何在窗口显示后立即设置焦点？我尝试在几乎每个窗口事件处理程序中调用 this.findInput 的 .focus() 方法，但没有成功。

似乎甚至 afterrender 在 DOM 完全创建所有元素之前被同步调用。

我错过了什么？我应该绑定(bind)什么事件才能呈现所有元素并能够接受焦点？

PS:如果我在 10 毫秒这样的小间隔后调用相同的 .focus() - 我会得到它的焦点，但这不是解决方案

Answer 1

查看 activeItem 属性 - http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.Panel-cfg-activeItem

或者您也可以使用defaultFocus:http://docs.sencha.com/ext-js/4-0/#!/api/Ext.window.Window-cfg-defaultFocus