Extjs4 我的面板中的面板引发错误-无法调用方法'；设置大小'；未定义的

这是我打开的面板：

Ext.define("Ez.view.usefullinks.Panel", {
extend: "Ext.panel.Panel",
alias: "widget.usefullinkspanel",
layout: "border",
border: 0,
initComponent: function() {
       this.sitePanel = Ext.create("Ez.view.usefullinks.sitePanel");
        this.items = [
        this.sitePanel
        ];
    this.callParent(arguments);
}
});

下面是导致错误的面板：

Ext.define("Ez.view.usefullinks.sitePanel", {
extend: "Ext.panel.Panel",
alias: "widget.usefullinkssitepanel",
region: "center",
layout: "fit",

initComponent: function() {
    this.items= [
    '<iframe frameborder="0" src="http://www.google.com" width="100%" height="100%">'
    ]
}
});

Ext.define（“Ez.view.usefullinks.sitePanel”{
扩展：“Ext.panel.panel”，
别名：“widget.usefulinkssitePanel”，
地区：“中心”，
布局：“适合”，
initComponent:function（）{
此项。项目=[
''
]
}
});

这里有什么明显的问题吗

---

我必须遵循initComponent语法。我有一个边框布局，因为代码中有更多的项，但它们与此错误无关。谢谢。

您不能将html直接传递给items数组。您可以尝试以下方法：

Ext.define("Ez.view.usefullinks.sitePanel", {
    extend: "Ext.panel.Panel",
    alias: "widget.usefullinkssitepanel",
    region: "center",
    layout: "fit",

    listeners: {
        afterrender: function() {
            Ext.core.DomHelper.append(this.getEl(), '<iframe frameborder="0" src="http://www.google.com" width="100%" height="100%"></iframe>');
        }
    }
});

Ext.define（“Ez.view.usefullinks.sitePanel”{
扩展：“Ext.panel.panel”，
别名：“widget.usefulinkssitePanel”，
地区：“中心”，
布局：“适合”，
听众：{
afterrender:function（）{
Ext.core.DomHelper.append（this.getEl（），“”）；
}
}
});

或

Ext.define（“Ez.view.usefullinks.sitePanel”{
扩展：“Ext.panel.panel”，
别名：“widget.usefulinkssitePanel”，
地区：“中心”，
布局：“适合”，
html:'
});

Ext.define("Ez.view.usefullinks.sitePanel", {
    extend: "Ext.panel.Panel",
    alias: "widget.usefullinkssitepanel",
    region: "center",
    layout: "fit",

    html: '<iframe frameborder="0" src="http://www.google.com" width="100%" height="100%"></iframe>'
});