extjs4 window 引用url
时间: 2023-09-23 13:02:08 浏览: 204
Extjs4.0需要引用的文件
5星 · 资源好评率100%
如果您想在ExtJS 4的窗口中加载一个URL,可以使用`Ext.window.Window`类的`load()`方法。
例如,以下代码将创建一个窗口并将其加载到指定的URL:
```javascript
Ext.create('Ext.window.Window', {
title: 'My Window',
width: 500,
height: 300,
layout: 'fit',
items: [{
xtype: 'component',
autoEl: {
tag: 'iframe',
src: 'http://www.example.com'
}
}]
}).show();
```
在这个示例中,我们使用`autoEl`配置项创建一个包含iframe标记的组件,并将其添加到窗口中。通过设置`src`属性为所需的URL,我们可以将窗口中的内容加载到该URL。
如果您需要在窗口中加载动态生成的内容,可以使用`load()`方法。例如:
```javascript
Ext.create('Ext.window.Window', {
title: 'My Window',
width: 500,
height: 300,
layout: 'fit',
items: [{
xtype: 'component',
id: 'myComponent'
}]
}).show();
Ext.getCmp('myComponent').load({
url: 'http://www.example.com',
scripts: true
});
```
在这个示例中,我们创建了一个空的组件,并使用`load()`方法将其内容加载到指定的URL。通过将`scripts`参数设置为`true`,我们可以允许加载的内容包含JavaScript代码。
阅读全文