Question

我正在使用extjs，并且要求将页面嵌入现有网站。

我想在ext面板中创建一个新标签，然后在用户切换到这样的标签时加载页面。怎么会这样做？

我使用的版本是extjs 5.0.1

Answer 1

您可以使用Ext.Component，将tag参数设置为＆＃39; iframe＆＃39;和src属性设置为所需的URL。详情请见http://docs.sencha.com/extjs/4.2.2/?mobile=/api/Ext.Component

Answer 2

您可以创建如下所示的Extjs js类：

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中

2 个答案: