2017-08-09 94 views
0

我使用Fullcalender角2Fullcalendar:如何改变eventclick事件标题

export class Calender { 

     public value: any = 2; 
     public modalData: any[]; 
     calendarOptions: any; 
     @ViewChild(CalendarComponent) myCalendar: CalendarComponent; 

     changeCalendarView(view) { 
      this.myCalendar.fullCalendar('changeView', view); 
     } 


     form: FormGroup; 

     constructor(private route: Router, private calenderservice: CalenderService, private appstate: AppState) { 

     } 

     ngOnInit() { 

      this.calendarOptions = { 
       height: '1000', 
       fixedWeekCount: false, 
       header: 
       { 
         left: 'prev,next,today', 
         center: 'title', 
         right: 'month,listYear', 
         }, 
       defaultDate: '2017-01-01', 
       editable: true, 
       timeFormat: 'hh:mm A', 
       eventLimit: true, 



       events: (start, end, title, callback) => { 
        this.calenderservice.getExamCandidateById(this.value) 
         .subscribe(response => { 
          callback(response), 
          this.modalData = response.Items 
          this.myCalendar.fullCalendar('renderEvents', this.modalData) 
          console.log(this.modalData); 
          console.log(response); 
         }); 
       }, 

       eventClick: function (event, jsEvent, view) { 
        alert('Your seat has been reserved on this date and time:' + event.start.format()); 
        console.log(event); 
       event.title = "clicked on"; 
       this.myCalendar.fullCalendar('updateEvents', event) 
        localStorage.setItem('Events', JSON.stringify(event));   
       }, 

       dayClick: function(date, jsEvent, view) { 
        alert('Clicked on: ' + date.format()); 
       } 

      }; 
     } 

这里就eventclick我改变了event.title到点击,在调试新的变化的事件显示后,但日历不刷新或更新新的更改的事件。

请帮助我,我更新的版本来角2

在此先感谢

回答

0

,你必须使用箭头函数符号() => {},不要使用function关键字,或者您this上下文更改到那个功能:

eventClick: (event, jsEvent, view) => { 
    event.title = "clicked on"; 
    this.myCalendar.fullCalendar('updateEvents', event) 
    localStorage.setItem('Events', JSON.stringify(event));   
} 
+0

请问你能提供一个这样的例子 – Kiccha

+0

非常感谢它对我有效 – Kiccha