如何在 extjs 中将页面嵌入到 iframe 中

Question

我正在使用 extjs，要求是将页面嵌入到现有站点中。

我想在扩展面板中创建一个新标签，然后在用户切换到该标签时加载页面。这将如何完成？

我使用的版本是 extjs 5.0.1

Answer 1

您可以使用 Ext.Component，将标记参数设置为 'iframe'，并将 src 属性设置为所需的 URL。在这里查看更多详细信息：http://docs.sencha.com/extjs/4.2.2/?mobile=/api/Ext.Component

Answer 2

您可以创建一个 Extjs js class，如下所示：

Ext.define("xxx.xxx.xxx.classname",{
extend: "Ext.panel.Panel",
alias: 'if need',
controller: "if need",
viewModel: {
    type: "if need"
},
uses: ['if need'],
title: 'if need',
config: {
    xxx: yyy
},
initComponent: function() {

    var me = this;

    var dr = Ext.create('XXX', {
        ...
    });     

    me.items = [dr,{
        region : 'center',
        xtype : "component",
        autoEl : {
            tag : "iframe",
            src : "http(s)://url you need"
        }

    }];

    this.callParent(arguments);

},

});

然后在您的标签页中创建并使用该实例。

如何在 extjs 中将页面嵌入到 iframe 中

How to embed a page into iframe in extjs

iframe

extjs5