ExtJS：为什么自动调整不适用于我的文本字段？

Question

我有一个带有文本字段的FormPanel（Ext.form.Panel）;我希望文本字段能够自动调整大小以使其全部内容可见，但以下内容无效：

Ext.define('myapp.view.admin.EditUserFormPanel', {
    extend: 'Ext.form.Panel',
    initComponent: function() {

        var me = this;
        me.items = [
            {
                xtype: 'textfield',
                fieldLabel: 'OpenID',
                name: 'openid',
                grow: true,
                listeners: {
                    autosize: function(newWidth) {
                        console.log(newWidth);
                    },
                    focus: function(txtField) {
                        console.log('focus fired');
                        txtField.autoSize();
                    }
                }
            }
        ];
        me.callParent();
    }
});

我的两个事件处理程序都会触发。但是，自动调整大小仅在呈现表单时触发;不是当我尝试手动调用autoSize（）时。

有什么想法吗？

Answer 1

将布局更改为默认“锚点”以外的其他内容解决了问题。例如：

我有一个工作示例，任何人都可以尝试运行，如果它有用：http://jsfiddle.net/clint_harris/5wzjG/