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

时间:2011-07-18 19:25:29

标签: javascript layout extjs

(EXT 3)我已从 hbox 布局转移到边框布局。我的所有组件在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');

编辑:以下是我想要做的解决方案。首先创建区域,然后添加内容。问题是这些地区没有完全建立。 Molecule的提示让我朝着正确的方向前进。

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

1 个答案:

答案 0 :(得分:2)

您只能拥有一个“中心”区域