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

Question

我定义了一个面板扩展Ext.form.panel，别名为："example"。
在我的视口中，我为我的东方初始化xtype='example'。
我希望当我折叠该面板（示例）时，我的第一个字段（日期字段）将聚焦
我尝试了一些下面的代码，但不工作

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

感谢

Answer 1

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

我们的中心有两个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中，我关注日期字段（itemID:'dtf-faelligkeit ab'）。

希望我能帮助你