Как вставить страницу в iframe в extjs

Question

Я использую extjs, а требование - встраивать страницу в существующий сайт.

Я хочу создать новый тег в панели ext, а затем загрузить страницу, когда пользователь переключится на такой тег. Как это будет сделано?

Версия я использую ExtJS 5.0.1

Answer 1

Вы можете создать ExtJS класс, как расслоение плотной ниже:

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); 

}, 

});

Затем создайте и используйте этот экземпляр на странице вашего тега.

Answer 2

Вы можете использовать Ext.Component с параметром тега установлен в «» фрейма и атрибут Src на желаемую URL. Смотрите здесь подробнее: http://docs.sencha.com/extjs/4.2.2/?mobile=/api/Ext.Component