繁体   English   中英

FullCalendar Scheduler事件未显示在TimelineView中

[英]FullCalendar Scheduler Events are not showing in TimelineView

我创建了一个具有以下事件和资源的调度程序

var sampleEvents = [{   'id': '1',
                        'resourceid': '27', 
                        'start': '2018-09-19T07:00:00',
                        'stop': '2018-09-19T16:00:00',
                        'title': 'Message 1',
                    }];

var sampleResources = [{
                        facility_type: "Message Type", 
                        id: '27', 
                        title: "Message 1"
                      }];

$('#calendar').fullCalendar({
                                schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
                                now: currenDate //Today's Date,
                                editable: false,
                                header: {
                                  left: 'today prev,next',
                                  center: 'title',
                                  right: 'month,timelineDay,agendaWeek'
                                },
                                defaultView: 'month',
                                resourceGroupField: 'facility_type',
                                resourceColumns: [
                                    {
                                        labelText: 'Facility',
                                        field: 'title',
                                        width: 150,
                                    },
                                ],
                                resources: sampleEvents,
                                events: sampleResources,
                                dayClick: function(date, jsEvent, view) {
                                  if(view.name == 'month' || view.name == 'basicWeek') {
                                    $('#calendar').fullCalendar('changeView', 'timelineDay');
                                    $('#calendar').fullCalendar('gotoDate', date);
                                  }
                                },
                              });

                            }, function (error) {

                        });

这些事件以月视图显示,但没有以日视图显示。 有人可以告诉我问题出在哪里吗?

在JavaScript中,变量名和属性名区分大小写。 因此

'resourceid': '27'` 

应该

'resourceId': '27'

按照文档中的示例 该事件未显示时间轴视图,因为就fullCalendar而言,您没有告诉它与之关联的资源。

分配的对象不正确。 如果传递正确的对象。 会很好的

resources: sampleResources,
 events: sampleEvents

您可以参考下面的工作jsfiddle链接

http://jsfiddle.net/jso51pm6/3769/
                            resources: sampleEvents,
                            events: sampleResources,

你把他们错了。 切换它们。 它会工作。

                            resources: sampleResources,
                            events: sampleEvents,

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM