How to display an internet page on a window?

[Elfayer]

Hi,

I would like to know which configs of a window do I have to use to open an internet page like "google.com" on it.

[redraid]

Use iframe http://docs.sencha.com/ext-js/4-1/#!/api/Ext.ux.IFrame

[Elfayer]

Use iframe http://docs.sencha.com/ext-js/4-1/#!/api/Ext.ux.IFrame (http://docs.sencha.com/ext-js/4-1/#%21/api/Ext.ux.IFrame)

Yes, I read that, but I didn't find where do I have to put the url.

[redraid]

{
xtype: 'uxiframe',
src: 'http://google.com'
}

[Elfayer]

That doesn't work.. I must be mistaken somewhere.


var win = Ext.create('DSK.view.desktopCenter.WindowApplication', {
title: appli.get('apl_label'),
items: [{
xtype: 'uxiframe',
src: 'http://google.com'
}]


Ext.define('DSK.view.desktopCenter.WindowApplication', {
extend: 'Ext.window.Window',
alias: 'widget.windowapplication',

width: 300,
height: 200,
minimizable: true,
maximizable: true
})

[redraid]

You need require uxiframe:


Ext.Loader.setConfig({
enabled : true,
paths : { 'Ext.ux': path to ux }
});

Ext.require(['Ext.ux.IFrame']);

[sdt6585]

You can always just code an iframe into the component's html config



Ext.create('Ext.window.Window', {
title: 'Hello',
height: 200,
width: 400,
layout: 'fit',
autoScroll: true,
html: "<iframe src='http://www.stephentremaine.com' height=100% width=100%></iframe>",
renderTo: Ext.getBody()
}).show();​