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

Question

Привет,

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

Схема содержит

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

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

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

4. При нажатии на кнопку поп будет показано

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

Что моя проблема

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

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