设置div'；带iframe的innerHTML显示在firebug中，但不显示在页面上

我正在使用extjs库。我有一个空白面板，我想用iframe将另一个ext项目加载到其中。这是我的函数（通过按钮调用），“面板”是我的空白面板

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

更新：我尝试将iframe移动到面板的html配置选项，而不是通过jquery单击按钮添加它。同样，我可以在firebug中看到iframe中url中的代码，但在我的应用程序中什么也没有显示。以下是声明我的面板的代码：

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

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

xtype:“面板”，
itemId:'two'，
id:‘thepanel’，
地区：'中心'，
html:“”，
身高：400，
宽度：400，

最终使用了sencha论坛上的这个插件：

---

检查以下立柱1。2.我认为您误解了extjs的工作原理。请提供创建面板的代码，我可以向您展示一个有效的方法。RDSAGAR：我正在查看这些帖子Reimius：我在上面创建面板的地方发布了我的代码，非常简单