Tarayıcının içinde extjs ile bir pencere tarayıcısı oluşturun

Question

Bir pencerenin içinde extJS kullanarak bir mini tarayıcı oluşturmaya çalışıyorum. İşte

i bugüne kadar ne var:

panelContent = new Ext.Panel({ 
     region: 'center', 
     margins: '0 0 0 0', 
     autoScroll: true, 
     html: '<iframe style="overflow:auto;width:100%;height:100%;" frameborder="0" src="http://www.google.com"></iframe>' 
    }); 
var tb = new Ext.Toolbar(); 
var combo = new Ext.form.ComboBox({ 
    width:435, 
    }); 
tb.addField(combo); 
tb.doLayout(); 
browser = new Ext.Window({ 
     title: 'Internet Browser', 
     tbar: tb, 
    closable: true, 
     closeAction: 'hide', 
     width: 600, 
     height: 600, 
     border:false, 
     plain: true, 
     layout: 'border', 
     items: [panelContent], 
}); 

ben iframe combobox içine yazılan neler olduğunun içerik yüklemek almaya çalışıyorum, ama ona 'anlatmak' nasıl bulamıyor Bir sayfa yükler ve kullanıcı 'girme' ye girdiğinde bile 'alamadım'. Belki açılan kutuyu giriş kutusuyla değiştiriyor musunuz? Bunu nasıl yapacağınızı bilmiyorum (extjs ile başlayarak).

Yardımlarınız için teşekkür ederiz.

Answer 1

Bu deneyebilirsiniz:

Ext.IframeWindow = Ext.extend(Ext.Window, { 
onRender: function() { 
    this.bodyCfg = { 
     tag: 'iframe', 
     src: this.src, 
     cls: this.bodyCls, 
     style: { 
      border: '0px none' 
     } 
    }; 
    Ext.IframeWindow.superclass.onRender.apply(this, arguments); 
} 
}); 

var w = new Ext.IframeWindow({ 
id:id, 
width:640, 
height:480, 
title:"Knowledge Control Solutions Iframe Window Sample", 
src:"http://www.google.es" 
}) 


w.show(); 

Selamlar

Answer 2

Ext JS'deki iframe'lerle çalışma konusunda ciddi iseniz, gerçekten ManagedIFrame user extension'u kullanmalısınız. Ext (özellikle düzenlerin içinde) içinde yer alan ham bir iframe ile çalışmak, denemek ve sıfırdan yapmak için en kolay şey değildir.