将文本字段聚焦在列表中

Question

ExtJS 文档为 textfields 描述了一个方法 focus，该方法将聚焦文本字段或返回 false：https://docs.sencha.com/extjs/6.7.0/modern/Ext.field.Text.html#method-focus

通常这似乎工作得很好，但是一旦应该关注的文本字段位于list（listitem 的一部分）内，焦点就会立即被移除并设置为父listitem 容器。然而，焦点返回 true（焦点实际上在场上几毫秒）。

https://fiddle.sencha.com/#view/editor&fiddle/315h 举例说明了这一点。第一个按钮尝试关注列表中的第一个文本字段（失败），第二个按钮关注list下方的字段。

有什么方法可以防止listitem 变得专注？

小提琴代码：

Ext.application({
    name: 'Fiddle',

    launch: function () {
        Ext.create({
            fullscreen: true,

            xtype: 'container',

            items: [{
                xtype: 'list',

                itemConfig: {
                    xtype: 'container',
                    items: [{
                        xtype: 'component',
                        html: 'Row'
                    }, {
                        xtype: 'textfield',
                        value: 'Focus Me'
                    }],
                    margin: '15px 0'
                },
                data: [{
                    title: 'Item 1'
                }, {
                    title: 'Item 2'
                }, {
                    title: 'Item 3'
                }, {
                    title: 'Item 4'
                }]
            }, {
                xtype: 'button',
                text: 'Try to focus',
                handler: function () {
                    this.up('container').down('list').down('textfield').focus();
                    Ext.toast(this.up('container').down('list').down('textfield').hasFocus + '');
                }
            }, {
                xtype: 'textfield',
                itemId: 'focusable',
                value: 'Focusable'
            }, {
                xtype: 'button',
                text: 'Try to focus',
                handler: function () {
                    this.up('container').down('#focusable').focus();
                    Ext.toast(this.up('container').down('#focusable').hasFocus + '');
                }
            }]
        });
    }
});

在 ExtJS 6.7 上，第一次单击列表中的文本字段甚至不起作用，但这似乎在 7.0 中得到修复。

Answer 1

为listitem 容器设置defaultFocus。它为我工作 (fiddle)。

附：谢谢你的小提琴例子。很少有人这样做。