使用iframe填充ExtJS Window组件

最新推荐文章于 2019-11-26 18:12:23 发布

weixin_33924770

最新推荐文章于 2019-11-26 18:12:23 发布

阅读量117

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/200350/blog/1559963

版权

2019独角兽企业重金招聘Python工程师标准>>>

首先创建一个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要打开的网址。

转载于:https://my.oschina.net/u/200350/blog/1559963