EXT边框布局:添加面板时出错

(EXT 3)我已经从hbox布局移动到border布局。我所有的组件在hbox布局(两个网格)中工作得很好。我一直试图将这些相同的项目添加到边框布局，我一直得到一个错误"comp是未定义的"。我在面板设置中遗漏了什么吗?

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');

EDIT:这是我想做的解决方案。首先创建区域，然后添加内容。问题是区域并没有完全创建。分子的提示给我指明了正确的方向。

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');