Tạo trình duyệt cửa sổ bên trong trình duyệt với extjs

Question

Tôi đang cố tạo một trình duyệt nhỏ bên trong cửa sổ bằng extJS.

Dưới đây là những gì tôi có cho đến nay:

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], 
}); 

Tôi đang cố gắng để có được những iframe tải nội dung của những gì đang gõ bên trong combobox, nhưng tôi không thể tìm ra cách để nói 'anh tải một trang, và tôi thậm chí không thể 'nhận' khi người dùng nhấn 'enter'. Có thể thay thế combobox bằng inputbox? không biết làm thế nào để làm điều này (bắt đầu với extjs).

Cảm ơn sự giúp đỡ của bạn.

Answer 1

Bạn có thể thử này:

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

Trân

Answer 2

Nếu bạn nghiêm túc về việc làm việc với iframe trong Ext JS, bạn thực sự nên sử dụng ManagedIFrame user extension. Làm việc với một khung nội tuyến thô trong Ext (đặc biệt là các bố trí bên trong) không phải là điều dễ nhất để thử và làm từ đầu.