Angular2 Typescript完整日历上下文菜单

时间:2016-11-01 10:40:26

标签: jquery angular typescript fullcalendar contextmenu

我有一个使用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));
                                    }
                                }
                            });
                        });

0 个答案:

没有答案