ExtJs 3.4 在 xtype 中显示错误文本字段：'textfield' (MODx)

Question

我有一个面板，哪个按钮显示此窗口：

   MyClass.window.Test = function (config) {
    config = config || {};
    Ext.applyIf(config, {
        title: 'Test',
        width: '1000',
        autoHeight: true,
        fields: [
            {
                xtype: 'panel',
                items: [{
                        layout: 'form',
                        items: [
                            {
                                xtype: 'textfield',
                                name: 'testfield',
                                fieldLabel: 'Test Label Textfield',
                                id: 'testfield',
                                emptyText: 'text',
                                allowBlank: true,
                                anchor:'95%'
                            }
                        ]
                    },
                ]}
        ],
        url: MyClass.config.connector_url,
        action: 'mgr/myext/create',
    });
    MyClass.window.Test.superclass.constructor.call(this, config);
};
Ext.extend(MyClass.window.Test, MODx.Window);
Ext.reg('test-window', MyClass.window.Test, MODx.Window);

按钮本身是这样的

{
xtype: 'button',
text: 'TEST',
cls: 'primary-button',
                handler:   function () {
                    MODx.load({
                        xtype: 'test-window',
                        listeners: {
                            success: {
                                fn: function () {
                                    this.refresh();
                                }, scope: this 
                            }
                        }
                    }).show();
                }
}

问题。当我第一次单击该按钮时，表单会正确显示。当我第二次单击时，textfield 消失，fieldLabel 重复 4 次（1 click normall2 click and more - crash）。 如果我用任何其他 xtype 替换 textfield - 一切正常。如果删除 id 效果很好（！！！）。但我需要 Ext.getCmp 的 id。我不明白为什么第一次一切都很好，但是当我再次单击时，它无法正确显示。我在任何地方都找不到类似的问题，并且很沮丧。任何使用 fieldlabel、layuot 属性的操作都无济于事。问题可能出在哪里？在工作版本中，我有大约 40 个文本字段。

Answer 1

默认情况下，窗口不会在关闭时销毁，因此您有两个具有相同 id 的元素再次创建窗口。

this.ident = config.ident || 'mywindow' + Ext.id();

在窗口开始后的代码

config = config || {};

以后使用

id: 'textfield' + this.ident

将有助于绕过该问题。