我需要在ExtJS中创建一个iFrame窗口。以前在ExtJS 3.x中,我会这样做:
bodyCfg: {
tag: 'iframe'
}
但是在ExtJS 4中的Window
类似乎没有bodyCfg
属性。
有什么方法可以创建一个带有iFrame的ExtJS 4窗口吗?
我需要在ExtJS中创建一个iFrame窗口。以前在ExtJS 3.x中,我会这样做:
bodyCfg: {
tag: 'iframe'
}
但是在ExtJS 4中的Window
类似乎没有bodyCfg
属性。
有什么方法可以创建一个带有iFrame的ExtJS 4窗口吗?
我认为autoEl
是你要寻找的东西...
我的建议是,在Ext 4.x中不要将autoEl
用作window
配置属性,否则会导致窗口格式错误.. 我建议你在window
的component
(即窗口的子项)中使用autoEl
。
new Ext.Window({
title : "iframe",
width : 300,
height: 300,
layout : 'fit',
items : [{
xtype : "component",
autoEl : {
tag : "iframe",
src : "http://www.yahoo.com"
}
}]
}).show();
以上代码比
new Ext.Window({
title : "iframe",
width : 300,
height: 300,
layout : 'fit',
autoEl : {
tag : "iframe",
src : "http://www.yahoo.com"
}
}).show();
注意:目前无法在 iframe 中加载 Google 和 Facebook
Ext.getDom('iframe-win').src = "http://www.yahoo.com";
- Aniruddha Jagtapsrc
时无法正常工作。因此,我们改用了html: '<iframe src="http://example.com" width="100% height="100%"></iframe>
,它运行得很好。 - cbmeeks