实用ExtJS教程100例-008:使用iframe填充ExtJS Window组件
上面两节中我们分别演示了ExtJS Window的常用功能 和 如何最小化ExtJS Window组件,在这篇内容中我们来演示一下如何使用iframe填充window组件。
思路很简单,首先创建一个window,然后使用fit布局(这种布局的好处是子元素将填充整个控件),接下来将html属性设置为iframe即可。我们来看看代码:
Ext.onReady(function () { Ext.get("btn1").on("click", function () { var win = Ext.create("Ext.window.Window", { title: "标题 - www.qeefee.com", height: 600, width: 1000, layout: "fit", modal: true, closable: true, animateTarget: "btn1", html: '<iframe style="overflow:auto;width:100%; height:100%;" src="http://youring2.cnblogs.com" frameborder="0"></iframe>' }); win.show(); }); });
这段代码将在窗口中显示一个iframe,src为iframe要打开的网址。
如果认为此文对您有帮助,别忘了支持一下哦!
声明:本博客原创文字只代表本人工作中在某一时间内总结的观点或结论,与本人所在单位没有直接利益关系。转载时请在文章页面明显位置给出原文链接。