javascript - EXT 边框布局 : error when adding panels

Question

(EXT 3) 我已经从 hbox 布局移动到 border 布局。我的所有组件在 hbox 布局(两个网格)中都运行良好。我一直在尝试将这些相同的项目添加到边框布局中，但我一直收到错误消息“comp is undefined”。我的面板设置中是否遗漏了什么？

var skedPanel = new Ext.Panel({
    id : 'skedPanel',
        layout : 'border',
    defaults: {
            frame:true,
            split:true
        },
    height:650,
    width: 1200,
    items : [
            {
                region:"east",
                width:300
            },
            {
                region:"center",
                width: 800,
            }

    ]
});
skedPanel.add('center',this.scheduler) < ---- error triggered here
skedPanel.add('east',this.dList1) 
skedPanel.render('root');

编辑:这是我想做的事情的解决方案。首先创建区域，然后添加内容。问题是区域没有完全创建。分子的提示让我朝着正确的方向前进。

var skedPanel = new Ext.Panel({
    id : 'skedPanel',
    layout : 'border',
    defaults: {
            frame:false,
            split:true
        },
    height:650,
    width: 1200,
    items : [
            {
                region:"center",
                id: 'skedCenter',
                width: 850
            },
            {
                region: "east",
                id: 'skedEast',
                width:300
            }

    ]
});

Ext.getCmp('skedCenter').add(this.scheduler)
Ext.getCmp('skedEast').add(this.dList1)
skedPanel.render('root');

Answer 1

你只能有一个“中心”区域