extjs4 关闭父窗口window
时间: 2023-09-23 16:02:08 浏览: 225
在ExtJS 4中,可以使用`close()`方法来关闭一个窗口。要关闭父窗口,可以在子窗口中调用父窗口的`close()`方法。可以通过`Ext.getCmp()`方法获取父窗口的引用,然后调用`close()`方法来关闭窗口。
以下是示例代码:
```javascript
// 创建父窗口
var parentWindow = Ext.create('Ext.window.Window', {
title: 'Parent Window',
width: 400,
height: 300,
layout: 'fit',
items: [{
xtype: 'button',
text: 'Open Child Window',
handler: function() {
// 创建子窗口
var childWindow = Ext.create('Ext.window.Window', {
title: 'Child Window',
width: 400,
height: 300,
layout: 'fit',
items: [{
xtype: 'button',
text: 'Close Parent Window',
handler: function() {
// 关闭父窗口
Ext.getCmp('parentWindow').close();
}
}]
});
// 显示子窗口
childWindow.show();
}
}]
});
// 显示父窗口
parentWindow.show();
```
在上述代码中,我们创建了一个父窗口`parentWindow`,并在窗口中添加了一个按钮,点击按钮可以打开一个子窗口`childWindow`。在子窗口中,我们添加了一个按钮,点击按钮可以关闭父窗口。在`handler`函数中,我们使用`Ext.getCmp('parentWindow')`方法获取父窗口的引用,并调用`close()`方法来关闭窗口。
注意,我们在父窗口和子窗口中分别使用了`id`属性来设置窗口的ID,以便在JavaScript代码中引用窗口。在实际开发中,应该根据实际情况设置不同的ID。
阅读全文