ansaurus

Question

Answer 1

A:

if the URL is an HTML snippit, not a full page, you'll need to make an AJAX call to fetch the contents and update the tab. If the page is a full page, including <html> and <body> tags, then you should make the tab contain an iFrame with "src=\""+url+"\""

Josh 2009-07-17 12:36:11

I thought of an iframe but how can I set its width and height based on my center panel size ?

Manny Calavera 2009-07-17 15:03:04

Try width="100%" height="100%" -- if that doesn't work add an onresize handler to the panel which resizes the iFrame.

Josh 2009-07-17 16:30:53

Answer 2

+1 A:

In Extjs you can load any panel with the contents of a url. You can do it like this

var panel = new Ext.Panel({
    title: 'Your Tile',
    closable: true,
    iconCls: 'tabs',
    autoLoad: {
        url: targetUrl
    }
});
tabPanel.add(panel);
tabPanel.doLayout();
tabPanel.setActiveTab(panel);

You can find more details in the Extjs API documentation.

Arun P Johny 2009-07-17 14:01:21

Please, execute the code you posted and tell me if you can display an image with its path as targetUrl. Because I can't. I get characters like this: "��I�+�ǈ��%��xjE9" because you can't just send an image through GET or POST..

Manny Calavera 2009-07-17 15:01:36

Right. The URL must return an image tag. If it returns an image, you need to have an onLoad handler which updates the content to be "<img src=\""+url+"\">"

Josh 2009-07-17 16:32:50

Answer 3

A:

Why you want to sent the image through the response, you can simply specify the url of the image as the html of the panel.

var panel = new Ext.Panel({
    title: 'Your Tile',
    closable: true,
    iconCls: 'tabs',
    url:'<img src="http://yourdomain.com/images/image.gif" />'
});

Arun P Johny 2009-07-17 15:11:21

Because it's not only images that I have to send. I have to send PDF files, html files, any kind.

Manny Calavera 2009-07-17 15:35:37

Answer 4

A:

Nevermind, I have used the ManagedIframe script witch happens to do exactly what I requested. Thanks anyway.

Manny Calavera 2009-07-17 15:36:55

Yeah that script basically does what I recommended. I just wasn't sure if that's what you were looking for or not.

Josh 2009-07-17 16:34:00

ansaurus

tags:

views:

answers:

ExtJS display link in new tab

related questions