Reputation: 324
Hi,
I'm implementing a layout with Extjs 4 as shown in the image.
The layout contains
4 tab panels
Each tab content will be loaded dynamically. The loaded page contains left navigation panel
and right side container
to load the respective page
The page which is loaded in right side container will have a button
When the button is clicked a pop will be shown
I'm showing one pop up in page1 and another different pop up in page2.
What my problem is
when i click the button on the 1st page its showing a popup (say pop up 1), for the second page when i click on the button it has to show pop up2, which contains some panels.
But pop up 1 appears in the second page.
the same pop up appears in all the sub pages.
if i reload the entire page and directly go to the page2 it shows the pop2.
i think that the window once created will persist until the page is reloaded.
i'm using window as follows
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();
});
if i use closeAction: 'destroy'
window elements also destroyed.
i tried with Ext.create('Ext.window.Window', {})
and new Ext.Window also
. the same problem appears.
Content of the pop up in each page is a different form
How to solve this problem
Upvotes: 0
Views: 9894
Reputation: 12613
I'm assuming you only use that code for one of the two windows. The items
property is what goes in the window, so you'll need that to be different for the two buttons. Secondly, make sure your id
s are unique for each window.
If you post some more code, I might have a better idea of what's going on. How do you create your other window?
Upvotes: 1