extjs4 iframe中引用的页面中弹出window 在父页面弹出
时间: 2024-03-27 11:02:43 浏览: 128
您好!要在 ExtJS4 的 iframe 中引用的页面中弹出的窗口在父页面弹出,您可以按照以下步骤操作:
1. 在子页面中定义一个函数,用于创建并显示子窗口,如:
```
function openChildWindow() {
Ext.create('Ext.window.Window', {
title: '子窗口',
width: 300,
height: 200,
layout: 'fit',
items: [{
xtype: 'panel',
html: '这是子窗口'
}]
}).show();
}
```
2. 在子页面中创建一个按钮,用于触发打开子窗口的函数,如:
```
Ext.create('Ext.button.Button', {
text: '打开子窗口',
handler: function() {
openChildWindow();
}
});
```
3. 在子页面中创建一个函数,用于将子窗口在父页面中弹出,如:
```
function openWindowInParent(windowObj) {
if (windowObj.opener && !windowObj.opener.closed) {
windowObj.opener.Ext.create('Ext.window.Window', {
title: '子窗口',
width: 300,
height: 200,
layout: 'fit',
items: [{
xtype: 'panel',
html: '这是子窗口'
}]
}).show();
}
}
```
4. 在子页面中的打开子窗口的函数中,调用上一步定义的函数,并将子窗口的`window`对象作为参数传入,如:
```
function openChildWindow() {
Ext.create('Ext.window.Window', {
title: '子窗口',
width: 300,
height: 200,
layout: 'fit',
items: [{
xtype: 'panel',
html: '这是子窗口'
}]
}).show();
openWindowInParent(window);
}
```
这样就可以将子窗口在父页面中弹出了。希望对您有所帮助!
阅读全文