窗口中的 ExtJs 3.4 表单不会重新打开

Question

我在窗口中重新打开表单时遇到问题 在工具栏中，单击窗口后我有按钮，表单显示一切正常 但是当我点击取消并尝试重新打开时，只显示没有表单的窗口

表格

addProductForm = new Ext.FormPanel({
            id: 'addFormID',
            width: 400,
            autoDestroy: false,
            autoHeight: true,
            frame: true,
            layout: 'form',
            monitorValid: true,
            items: [{..}]
             buttons: [
                {
                    text: 'Cancle',
                    handler: function () {
                        addProductForm.getForm().reset();
                        addFormWindow.hide();
                    }
                 }]
});

带窗口的工具栏

tbar: new Ext.Toolbar({
                height: 30,
                width: 100,
                items: [{
                    xtype: 'button',
                    text: 'Add Product',
                    handler: function () {
                        addFormWindow = new Ext.Window({
                            id: 'addProductWindow',
                            title: 'Add Product',
                            closeAction: 'hide',
                            closable: true,
                            autoDestroy: false,
                            width: 400,
                            plain: true,
                            autoHeight: true,
                            modal: true,
                            resizable: true,
                            layout: 'fit',
                            items: [addProductForm]
                        });

                        addFormWindow.show();
                    }
                }]
            }),

Answer 1

尝试从组件中删除 id。