在Extjs中打开一个带有外部javascripts的窗口

Question

我想在 ExtJS 中打开Ext.Window，这将打开一个包含来自LinkedIn的外部JavaScript的html文件。

我有以下代码：

Ext.create('Ext.window.Window', {
    title: 'About us',
    height: 400,
    width: 800,
    layout: 'fit',
    items: [{
        autoLoad: {
            url: 'linkedin_emp1.html',
            scripts: true
        }
    }]
}).show();

和linkedin_emp1.html文件是：

人员名单

加载了html文件，我在窗口中看到了“人员列表”字符串，但没有看到来自linkedin javascript的内容。

当我从浏览器中打开相同的html文件时，我发现一切都很好。

看起来我无法在html中运行外部JavaScript。

任何想法如何做到这一点？

Answer 1

您可以在ExtJS中使用iframe配置使用autoEl元素。

new Ext.Window({
    title : "About us",
    width : 400,
    height: 800,
    layout : 'fit',
    items : [{
        xtype : "component",
        autoEl : {
            tag : "iframe",
            src : "linkedin_emp1.html"
        }
    }]
}).show();