未捕獲的TypeError：對象[object Object]沒有方法'onAdded'

Question

我將ExtJS4與Java servlet一起使用。 我正在使用ExtJS的MVC體系結構。 我正在嘗試顯示邊框布局的簡單示例，但是它不起作用，並且在javascript控制台的ext-all.js中收到以下錯誤：

未捕獲的TypeError：對象[object Object]沒有方法'onAdded'

這是我的代碼：

app.js

Ext.Loader.setConfig({   
 enabled : true
});
Ext.application({
name : 'IN',
appFolder : 'app',
controllers : [ 'Items' ],
launch : function() {
    console.log('in LAUNCH-appjs');
    Ext.create('Ext.container.Viewport', {
        items : [ {
            xtype : 'borderlyt'
        } ]
    });
}
});

Items.js（控制器）

Ext.define('IN.controller.Items', {    
extend : 'Ext.app.Controller',
views : [ 'item.Border' ],
init : function() {
    this.control({
        'viewport > panel' : {
            render : this.onPanelRendered
        }
    });
},
onPanelRendered : function() {
    console.log('The panel was rendered');
}
});

Border.js（查看）

Ext.define('IN.view.item.Border',{extend : 'Ext.layout.container.Border',
alias : 'widget.borderlyt',
title : 'Border layout' ,
autoShow : true,
renderTo : Ext.getBody(),
defaults : {
            split : true,
            layout : 'border',
            autoScroll : true,
            height : 800,
            width : 500
        },
        items : [ {
            region : 'north',
            html : "Header here..",
            id : 'mainHeader'
        }, {
            region : 'west',
            width : 140,
            html : "Its West..",
        }, {
            region : 'south',
            html : "This is my temp footer content",
            height : 30,
            margins : '0 5 5 5',
            bodyPadding : 2,
            id : 'mainFooter'
        }, {
            id : 'mainContent',
            collapsible : false,
            region : 'center',
            margins : '5',
            border : true,
        } ]
 });

Webcontent的文件夾結構如下：

• 網頁內容
  • 應用程式
    • 控制者
      • Items.js
    • 模型
    • 商店
    • 視圖
      • 項目
        • Border.js
  • ext_js
    • 資源
    • src
    • ext_all.js
  • index.html
  • app.js

有人可以幫助我解決此錯誤嗎？

提前致謝

Answer 1

Ext.define不得包含配置選項renderTo 。 加載組件后，主體可能仍然不存在。