Einbetten einer Seite in iframe in extjs

Question

Ich benutze extjs, und die Voraussetzung ist, eine Seite in eine bestehende Website einzubetten.

Ich möchte ein neues Tag in Ext-Panel erstellen und laden Sie dann die Seite, wenn der Benutzer zu einem solchen Tag wechselt. Wie würde das gemacht werden?

Version ich verwende ist extjs 5.0.1

Answer 1

Sie können eine Klasse js ExtJS erstellen wie folgt:

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

}, 

});

Dann erstellen und verwenden Sie diese Instanz in Ihrer Tag-Seite.

Answer 2

Sie können eine Ext.Component verwenden, mit dem Tag Parameter auf 'iframe' gesetzt und src-Attribut auf die gewünschte URL ein. Sehen Sie hier weitere Informationen: http://docs.sencha.com/extjs/4.2.2/?mobile=/api/Ext.Component