Ext-js：无法在日历面板上显示数据

Question

我正在尝试将日历面板添加到Web应用程序中。但我无法在日历上显示活动。

以下是代码：

{
    xtype: 'calendar',
    layout: 'fit',
    flex: 7,
    align: 'stretch',
    autoHeight: true,

    views: {
        day: {
            startTime: 6,
            endTime: 22
        },
        workweek: {
            xtype: 'calendar-week',
            titleTpl: '{start:date("j M")} - {end:date("j M")}',
            label: 'Work Week',
            weight: 15,
            dayHeaderFormat: 'D d',
            firstDayOfWeek: 1,
            visibleDays: 5
        }
    },
    timezoneOffset: 0
    store: {
        autoLoad: false,
        proxy: {
            type: 'ajax',
            url: 'calendar.ext',
        }
    }

    }

Ajax调用返回以下数据：

    {

  "Data": [
    {
      "id": "153_0",
      "calendarId": 47,
      "title": "BELC21 > 153 > Mango",
      "startDate": "2016-08-19T00:00:00-05:00",
      "endDate": "2016-08-31T00:00:00-05:00",
      "allDay": true
    }
]}

如果有人可以帮助我如何通过内存中的数据或动态数据在日历上显示事件。

Answer 1

您必须将商店配置为autoSync，这将在保存事件时将其发回。