EXTJS 6.5.2日历控件，无法显示数据

[lovefox_zoe]

用的是6.5.2的日历控件，由于是收费插件，官网没有完整示例。自己看源代码做了一个示例，用模拟接口可以显示静态数据，但是用服务器远程数据无法正常显示。
浏览器F12查看到的数据


模拟接口定义


官网示例地址：
http://examples.sencha.com/extjs/6.5.1/examples/kitchensink/?classic#calendar-panel

[Sunyiban]

看看你JS里面怎么写的，数据没问题那估计就是你拼装参数时格式错了

[lovefox_zoe]

引用 1 楼 u011594442 的回复:

看看你JS里面怎么写的，数据没问题那估计就是你拼装参数时格式错了

是view部分的js么？ Ext.define('JIN.view.att.Calendar', { extend: 'Ext.panel.Panel', xtype: 'att-calendar-panel', requires: [ 'Ext.calendar.panel.Panel' ], width: 1200, height: 600, //title:'员工考勤情况', //日历视图折叠后的位置, 'top' / 'right' / 'bottom' / 'left' / //collapsible:'top', layout: 'fit', items: [{ xtype: 'calendar', createButtonPosition:'titleBar', createButton:{ text:'新增记录', hidden:true }, todayButton:{ text: '今日', margin: '0 10 0 0' }, //20180211，增加一个导出按钮 titleBar: { items:[ { text:'导出...', name:'exportAtt', handler:function(){ console.log('ex') } } ] }, views: { //日视图时，显示的开始时间和结束时间 day: { label:'日', startTime: 6, endTime: 23 }, week: { label:'周', //周视图模式下，显示几天。例如7：显示一周七天。 visibleDays: 7, //周视图模式下，从星期几开始显示。例如0：星期天 firstDayOfWeek: 0 }, month:{ label:'月', titleTpl: '{start:date("F Y")}', visibleWeeks: 5, addForm: { xtype: 'att-calendar-form-add', }, editForm: { xtype: 'att-calendar-form-edit' }, } /* workweek: { xtype: 'calendar-week', titleTpl: '{start:date("j M")} - {end:date("j M")}', label: '工作日', weight: 15, dayHeaderFormat: 'D d', firstDayOfWeek: 2, visibleDays: 5 } */ }, timezoneOffset: 0, store: { autoLoad: true, proxy: { type: 'ajax', url: config.calendar.att.type, reader:{ type:'json', rootProperty:'data',//数据(不配置的话无法接收数据)，返回的key为data } }, eventStoreDefaults:{ type:'att' } /* eventStoreDefaults: { model: 'JIN.model.Att.Event', proxy: { type: 'api', //url: 'events.php' reader:{ type:'json', rootProperty:'data', }, api:{ create: config.calendar.att.insert, read: config.calendar.att.read, update: config.calendar.att.update, destroy: config.calendar.att.delete } } } */ }, }], onExportAtt: function(){ //导出 console.log('exportAtt') } });

[亲爱的Joe]

拿服务器端的数据贴出来，和模拟的数据对比下。 好多js插件都对数据格式有硬性要求，很有可能是你服务器端的数据格式不正确，你应该在客户端再自己处理一下

[lovefox_zoe]

引用 3 楼 z469441432 的回复:

拿服务器端的数据贴出来，和模拟的数据对比下。 好多js插件都对数据格式有硬性要求，很有可能是你服务器端的数据格式不正确，你应该在客户端再自己处理一下

{ message: "读取成功", data: - [ - { id: 8, deptName: "行政部", userID: 80054321, startDate: "2018-02-20 08:00:00.0", calendarId: 4, userName: "1", remarks: "1", endDate: "2018-02-20 16:00:00.0" }, - { id: 4, deptName: "行政部", userID: 80012345, startDate: "2018-02-11 08:00:00.0", calendarId: 4, userName: "李四", remarks: "修复设备", endDate: "2018-02-11 16:00:00.0" } ], success: true }

[亲爱的Joe]

引用 4 楼 lovefox_zoe 的回复:

[quote=引用 3 楼 z469441432 的回复:] 拿服务器端的数据贴出来，和模拟的数据对比下。 好多js插件都对数据格式有硬性要求，很有可能是你服务器端的数据格式不正确，你应该在客户端再自己处理一下

{ message: "读取成功", data: - [ - { id: 8, deptName: "行政部", userID: 80054321, startDate: "2018-02-20 08:00:00.0", calendarId: 4, userName: "1", remarks: "1", endDate: "2018-02-20 16:00:00.0" }, - { id: 4, deptName: "行政部", userID: 80012345, startDate: "2018-02-11 08:00:00.0", calendarId: 4, userName: "李四", remarks: "修复设备", endDate: "2018-02-11 16:00:00.0" } ], success: true } [/quote] 我的意思是你自己对比下。 另外，你看看这个控件是不是需要什么特殊格式的数据？如果是的话，你必须按照人家控件指定的格式组织数据，否则控件是会出问题的

[weixiaoqingtian]

楼主想问一下，这个组件不是收费的吗，你咋用的是买的吗，还是，能问你要一下你这个日历控件的都有代码吗，我也要做一个这个，和你的差不多，不过我的是只要月就行了，能看一下你的所有的代码吗，谢谢楼主

[weixiaoqingtian]

引用 6 楼 weixiaoqingtian的回复:

楼主想问一下，这个组件不是收费的吗，你咋用的是买的吗，还是，能问你要一下你这个日历控件的都有代码吗，我也要做一个这个，和你的差不多，不过我的是只要月就行了，能看一下你的所有的代码吗，谢谢楼主

希望楼主能看见，本人是小白看不懂源码很发愁，很想看看楼主的源码，如果可以的话，很感谢

[weixiaoqingtian]

store: { autoLoad: true, // model: 'Gant.example.testcalendar.TestCalendarModel', proxy: { type: 'ajax', url: 'rest/calendars.json', reader:{ type:'json', rootProperty:'data',//数据(不配置的话无法接收数据)，返回的key为data } }, eventStoreDefaults: { model: 'Gant.example.testcalendar.TestCalendarModel', proxy: { type: 'ajax', url: 'rest/event.json', reader:{ type:'json', rootProperty:'data',//数据(不配置的话无法接收数据)，返回的key为data } } } }, eventStoreDefaults里面也要写reader,你准备的json数据时间格式不对，应该为这样"2018-10-05T21:30:00.000Z", { "data":[{ "id": 1001, "calendarId": 0, "startDate": "2018-10-05T21:30:00.000Z", "endDate": "2018-10-05T22:30:00.000Z", "title": "Watch cartoons", "desc": "Catch up with adventurers Finn and Jake" },{ "id": 2002, "calendarId": 1, "startDate": "2018-10-05T21:30:00.000Z", "endDate": "2018-10-05T22:30:00.000Z", "title": "Watch cartoonshvh", "desc": "Catch up Jake" } ] }

[_?_??]

我也是服了，我说我遇到了同样的问题，管理员删我的帖子，说我灌水，我？？？？？？？？