extjs4 window中引用url url关闭window
时间: 2023-12-28 11:03:13 浏览: 187
在ExtJS 4中,可以使用`Ext.window.Window`组件来创建一个窗口,并在窗口中引用一个URL。要在URL中关闭窗口,可以在URL中添加一个JavaScript脚本,以调用`window.close()`方法来关闭窗口。
以下是示例代码:
```javascript
Ext.create('Ext.window.Window', {
title: 'My Window',
width: 400,
height: 300,
layout: 'fit',
items: [{
xtype: 'component',
autoEl: {
tag: 'iframe',
src: 'https://www.example.com',
onload: 'parent.Ext.getCmp("myWindow").show();'
}
}],
id: 'myWindow',
closable: true
}).show();
```
在上述代码中,我们使用`Ext.window.Window`组件创建一个窗口,并在窗口中嵌入了一个IFrame,IFrame的`src`属性指向了一个URL。当IFrame加载完成后,我们调用`parent.Ext.getCmp("myWindow").show()`方法来显示窗口。此外,我们还将窗口的`id`属性设置为`myWindow`,以便在JavaScript脚本中引用该窗口。
如果要在URL中关闭窗口,可以在URL中添加以下JavaScript脚本:
```javascript
window.close();
```
这将调用`window.close()`方法来关闭窗口。
阅读全文