Макет границы EXT: ошибка при добавлении панелей

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

У вас может быть только один «центральный» регион