我有一个使用typescript的angular2 app,其中包含FullCalendar组件的一个实例。在这个组件上,我让它工作,以便事件由他们的"表" (资源),单击事件以查看事件页面并拖动事件以更改日期。一切都很完美。但是,现在我想做的是创建功能来改变"表"该事件被分配给。我对此的想法是附加一个上下文菜单,您可以右键单击并选择一个新的"表"但我无法弄清楚如何在完整日历上执行此操作。
有人有任何想法或例子吗?
我也愿意使用其他活动。显然我已经使用了点击和放弃事件,但是如果另外我失踪了可能适合我,我会对它开放。
以下是我日历的代码:
this.scheduleService.GetAllEvents()
.subscribe((data: CalendarEvent[]) => {
this.events = data;
var calendar: JQuery = $("#calendar");
(<any>calendar).fullCalendar({
events: data,
eventOrder: "Table",
height: 800,
weekends: false,
eventLimit: true,
eventClick: function(event) {
window.open(event.url);
return false;
},
editable:true,
eventDrop: function(event, delta, revertFunc) {
if (!confirm("Are you sure about this change?")) {
revertFunc();
}
else{
service.UpdatePlannedCompletion(event.title.substring(0,1), event.start.format())
.subscribe((data: number) => console.log(data));
}
}
});
});