使用iframe设置div的innerHTML,显示在firebug中,但不显示在页面上

时间:2013-02-28 18:35:14

标签: iframe extjs4 innerhtml

我正在使用extjs库。我有一个空白的面板,我想用iframe加载我的另一个ext项目。这是我的功能(从按钮调用),“thepanel”是我的空白面板。

function(button){
    var div = document.getElementById('thepanel');
    div.innerHTML = "<iframe src=\"../../../project2/?&type=grades&gradeitem1=40691&\"></iframe>";
}

当我运行该函数时,我可以在firebug的控制台中看到GET请求,当我在firebug中查看HTML时,我的所有第二个项目代码/数据都显示在iframe中,但浏览器中没有显示任何新内容。任何可以保持我的iframe内容不显示的想法

我正在使用MVC架构,这是声明我的面板的代码:

items:[{
        xtype:'panel',
        itemId:'two',
        id:'thepanel',
        region:'center',
}]

更新:我尝试将iframe移动到面板的html配置选项,而不是通过点击按钮添加jquery。再次,我可以看到iframe中的url中的代码显示在firebug中,但我的应用程序中没有显示任何内容。这是宣布我的小组的代码:

xtype:'panel',
itemId:'two',
id:'thepanel',
region:'center',
html:'<iframe src=\"../../../extjproh2/?&type=grades&gradeitem1=40691\"></iframe>',
height:400,
width:400,

1 个答案:

答案 0 :(得分:0)