Extjs 4 окно скрыть или уничтожить

Question

Привет,

Я реализую макет с Extjs 4, как показано на рисунке.

Макет содержит

1. 4 панели вкладок

2. Содержание каждой вкладки будет загружаться динамически. Загруженная страница содержит left navigation panel и right side container для загрузки соответствующей страницы

3. На странице, которая загружается в правосторонний контейнер, будет кнопка

4. Когда кнопка нажата, появится сообщение

Я показываю одно всплывающее окно на странице 1, а другое - на странице 2.

В чем моя проблема

когда я нажимаю кнопку на 1-й странице, она показывает всплывающее окно (скажем, всплывающее окно 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 уникальны для каждого окна.

Если вы опубликуете еще немного кода, я мог бы лучше понять, что происходит.Как вы создаете другое окно?