zoukankan      html  css  js  c++  java
  • 实用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,
                 1000,
                layout: "fit",
                modal: true,
                closable: true,
                animateTarget: "btn1",
                html: '<iframe style="overflow:auto;100%; height:100%;" src="http://youring2.cnblogs.com" frameborder="0"></iframe>'
            });
            win.show();
        });
    });

    这段代码将在窗口中显示一个iframe,src为iframe要打开的网址。

  • 相关阅读:
    Django基础
    MySQL(索引)
    MySQL(进阶部分)
    MySQL(Python+ORM)
    JavaScript的对象
    abc
    Let's Encrypt,免费好用的 HTTPS 证书
    Java调试那点事
    Memcache mutex 设计模式
    从 Nginx 默认不压缩 HTTP/1.0 说起
  • 原文地址:https://www.cnblogs.com/youring2/p/extjs-100-examples-window-iframe.html
Copyright © 2011-2022 走看看