extjs

Question

के साथ ब्राउज़र के अंदर एक विंडो ब्राउज़र बनाएं मैं extJS का उपयोग कर एक विंडो के अंदर एक मिनी ब्राउज़र बनाने की कोशिश कर रहा हूं।

यहाँ मैं अब तक है:

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

मैं iframe क्या बता गया अंदर टाइप किया है की सामग्री लोड पाने के लिए कोशिश कर रहा हूँ, लेकिन मैं बाहर नहीं मिल सकता है कि कैसे करने के लिए उसे 'बता' के लिए एक पृष्ठ लोड करें, और जब उपयोगकर्ता 'एंटर' हिट करता है तो मैं 'get' भी नहीं कर सका। शायद इनपुटबॉक्स द्वारा combobox की जगह? यह नहीं पता कि यह कैसे करें (extjs से शुरू)।

आपकी मदद के लिए धन्यवाद।

Answer 1

आप इस कोशिश कर सकते हैं:

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

सादर

Answer 2

यदि आप Ext JS में iframes के साथ काम करने के बारे में गंभीर हैं तो आपको वास्तव में ManagedIFrame user extension का उपयोग करना चाहिए। एक्स (विशेष रूप से लेआउट के अंदर) के भीतर कच्चे आइफ्रेम के साथ काम करना स्क्रैच से प्रयास करने और करने का सबसे आसान काम नहीं है।