javascript - ExtJS 在新选项卡中显示链接

Question

我正在使用 ExtJS 版本 2。我正在单击一个按钮以将新选项卡添加到 TabPanel。新的标签功能如下所示:

function addTab(tabTitle, targetUrl){
        tabPanel.add({
        title: tabTitle,
        iconCls: 'tabs',
        closable:true
    }).show();
}

我想知道是否可以获取 targetUrl 并将其显示在新选项卡中。如果我设置 html: targetUrl，我的选项卡内容显然只是带有我的 URL 的文本。如果我设置 autoLoad: {url: targetUrl} 它可以工作，但它正在读取文件内容，就好像它们是文本或脚本一样。问题是我需要打开图像，我只是使用 autoLoad 获取它们的来源，而不是图像的实际显示。我只想让我的新标签页像一个带有默认链接的新弹出窗口一样。

有人可以帮忙吗？

谢谢。

Answer 1

在 Extjs 中，您可以使用 url 的内容加载任何面板。你可以这样做

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

您可以在 Extjs API 文档中找到更多详细信息。