实用ExtJS教程100例-008：使用iframe填充ExtJS Window组件

最新推荐文章于 2020-04-07 10:43:15 发布

weixin_33859504

最新推荐文章于 2020-04-07 10:43:15 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/372851

本文介绍如何在ExtJS的Window组件中使用iframe填充内容。通过设置布局为fit，并将html属性设置为iframe，可以实现在弹窗中加载外部网页。

上面两节中我们分别演示了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",
            
        });
        win.show();
    });
});