extjs - Ext.Calendar 重复错误

Question

请告诉我，我如何创建两个 Ext.calendar 对象？

写这段代码，他说
Ext.Error: Registering duplicate id "left-col" with this manager

    var lPanel = Ext.create('Ext.calendar.CalendarPanel', {
        id: 'app-calendar-left',
        region: 'west',
        width: '50%',
        minWidth: 300,
        eventStore: Ext.create('Ext.calendar.data.MemoryEventStore', {
            data: Ext.calendar.data.Events.getData()
        }),
        calendarStore: this.calendarStore,
        border: 1,
        activeItem: 3,
        monthViewCfg: {
            showHeader: true,
            showWeekLinks: true,
            showWeekNumbers: true
        }
    });

    var rPanel = Ext.create('Ext.calendar.CalendarPanel', {
        id: 'app-calendar-right',
        region: 'center',
        width: '50%',
        minWidth: 300,
        eventStore: Ext.create('Ext.calendar.data.MemoryEventStore', {
            data: Ext.calendar.data.Events.getData()
        }),
        calendarStore: this.calendarStore,
        border: 1,
        activeItem: 3,
        monthViewCfg: {
            showHeader: true,
            showWeekLinks: true,
            showWeekNumbers: true
        }
    });

    Ext.create('Ext.container.Viewport', {
        layout: 'border',
        items: [lPanel, cPanel]
    });

帮助某人，我不知道如何处理此错误

Answer 1

该问题可能是由于在“中心”区域的边框布局中提供“宽度”属性引起的，请尝试将其删除。另外，我不相信 minWidth 在边框布局的“中心”区域上有意义，也将其删除。'west' 区域应在边框布局中以像素为单位定义宽度。