Extjs 4窗口隐藏或破坏

Question

您好，

我正在使用Extjs 4实现布局，如图所示。

布局包含

1. 4个标签面板

2. 将动态加载每个标签内容。加载的页面包含left navigation panel和right side container以加载相应的页面

3. 在右侧容器中加载的页面将有一个按钮

4. 单击该按钮时，将显示一个弹出

我在第1页显示一个弹出窗口，在第2页显示另一个弹出窗口。

我的问题是什么

当我点击第一页上的按钮时，它显示一个弹出窗口（比如弹出1）， 对于第二页，当我点击按钮时，它必须显示pop up2，其中包含一些面板。

但弹出1出现在第二页。

所有子页面中都会显示相同的弹出窗口。

如果我重新加载整个页面并直接转到第2页，则会显示pop2。

我认为创建的窗口将一直存在，直到重新加载页面。

我正在使用如下窗口

var createLessonWin = Ext.widget('window', {
    autoHeight:true,
    id: 'cformWin',
    closeAction: 'hide',
    y: 100,
    modal: true,
    plain: true,
    layout: 'fit',
    items: profile_form

});



Ext.get('add_lessons_btn').on('click', function () {
        createLessonWin.show();

    });

如果我使用closeAction: 'destroy'窗口元素也被销毁。

我尝试使用Ext.create('Ext.window.Window', {})和新Ext.Window also。出现同样的问题。

每个页面弹出的内容是不同的形式

如何解决这个问题

Answer 1

我假设您只将该代码用于两个窗口之一。 items属性是窗口中的内容，因此您需要对两个按钮进行不同的操作。其次，请确保您的id对每个窗口都是唯一的。

如果您发布更多代码，我可能会更好地了解正在发生的事情。你如何创建另一个窗口？