パネル - メソッドを呼び出すことはできません「のsetSize」ここでは、未定義

Question

のは、私がオープンパネルです：

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%">' 
    ] 
} 
}); 

ここに間違いがありますか？

私はinitComponent構文に従わなければなりません。私は境界線レイアウトを持っています。なぜなら、より多くのアイテムが自分のコードに含まれているからですが、このエラーには関係しないからです。ありがとう。

Answer 1

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", { 
    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>' 
});