Extjs - 在面板中设置焦点字段

Question

我定义了一个带有别名的面板扩展Ext.form.Panel：“example”。
在我的视口中，我为我的东方启动了xtype ='example'。 我想要当我崩溃那个面板（例子）然后我的第一个字段（datefield）将集中注意力 我尝试了以下代码，但没有工作

//1. not working
,listeners: {
     afterrender: function(field) {
         field.focus(true, 100);
     }
}
//2. not working
Ext.getCmp('myDatefieldId').focus(true, 20);

我该怎么做呢谢谢

Answer 1

您能提供更多信息吗？ 你使用控制器（mvc-pattern？） 如果是，您可以尝试处理控制器中的聚焦。

我们的中心有两个DateFields，专注于 的 Ext.ComponentQuery.query（ '[=的itemId DTF-faelligkeit-AB'）[0] .focus（） 似乎工作完美（使用chrome开发者控制台测试）

在我的视口中，我添加了一个折叠 - 监听器：

region: 'east',
                layout: 'border',
                id: 'viewport-east-todo-panel',
                title: 'Todo - Detailansicht',
                labelWidth: 100,
                collapsible: true,
                collapsed: true,
                split: true,
                width: 340,
                minSize: 340,
                maxSize: 400,
                items: [
                    {
                        region: 'center',
                        xtype: 'main.todo.TodoDetails'
                    }
                ]
                ,
                listeners: {
                    collapse: function () {
                        Ext.ComponentQuery.query('[itemId=dtf-faelligkeit-ab]')[0].focus();
                    }
                }

在collapse-Listener中，我关注datefield（itemID：'dtf-faelligkeit-ab'）。

希望我能帮到你