2017-08-09 6 views
0

私はイベントがデバッガでの新しい変化に表示した後、クリックするevent.titleを変えています。ここeventclick上Fullcalendar:eventclickにイベントのタイトルを変更するにはどうすればFullcalender使用しています

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()); 
       } 

      }; 
     } 

2の角度が、新しく変更されたイベントでカレンダーがリフレッシュまたは更新されない

、私を助けて私はあなたが矢印関数表記() => {}を使用する必要があり、functionキーワードを使用していない、またはあなたのthisコンテキストが変更され、事前

答えて

0

の角2.

のおかげで、新しい午前ください。その機能に:

+0

あなたはこのために1つの例を提供できます – Kiccha

+0

ありがとう – Kiccha

関連する問題