Code:
var eventList = {
"evts": [{
"id": 1001,
"calendarId": 1,
"startDate": "2018-06-30T21:30:00.000Z",
"endDate": "2018-06-30T22:30:00.000Z",
"title": "Watch cartoons",
"description": "Catch up with adventurers Finn and Jake"
}]
};
var eventsstore=new Ext.data.JsonStore({
//var eventsstore=Ext.create('Ext.calendar.store.Events',{
id: 'eventStore',
root: 'evts',
data: eventList, // defined in event-list.js
proxy: new Ext.data.MemoryProxy(),
fields: ["id","calendarId","startDate","endDate","title","description" ],
sortInfo: {
field: 'StartDate',
direction: 'ASC'
}
});
Ext.define('CalendarStore',{
extend:'Ext.calendar.store.Calendars',
alias:'store.calendarstore',
data:{calendars:
[{
"id":1,
"title": "Disponibilità",
"color": "blue",
"hidden": "false",
"editable": "true",
"eventStore":"eventsstore"
}]
},
proxy: {
type: 'memory',
reader: {
type: 'json',
rootProperty:'calendars'
}
},
eventStoreDefaults: eventsstore
});
Ext.define('Test.view.calendar.CalendarWeekWindow',{
extend:'Ext.window.Window',
xtype:'calendar-week-window',
requires: [
'Ext.calendar.panel.Panel',
'Test.store.Calendar',
'Test.view.calendar.CalendarModel',
'Test.view.calendar.AddCustomEvent'
],
closable:true,
resizable: false,
draggable: false,
modal:true,
autoShow:true,
defaults: {
bodyPadding: 20,
},
width: 1200,
height: 600,
layout: 'fit',
items: [{
xtype: 'calendar',
store:{
type:'calendarstore'
},
model:'calendar',
views: {
day: {
startTime: 0,
endTime: 24
},
month:{
xtype: 'calendar-month',
firstDayOfWeek: 1,
addForm:{
xtype: 'add-custom-event'
},//Ext.create('Test.view.calendar.CustomEventForm'),
}
},
timezoneOffset: 0,
listeners:{
close:function(panel){
panel.destroy();
}
}
}]
});
Any ideas on how I can solve this problem?