Editor Popup - customise footer buttons

[Oliver]

Hello ,

on Essential JS2 for Angular . is there a way to customise editor footer on scheduler?

Ideally we would like to have our own buttons on the footer (instead on the 'Delete', 'Save' and 'Cancel')

[Karthigeyan Krishnamurthi]

Hi Oliver,   

 

Greetings from Syncfusion. 

 

We have prepared the below sample to add custom footer buttons. 

https://stackblitz.com/edit/angular-kvolyx-t7z8dg?file=app.component.html 

 

public eventAdd(e) { 

    const data: Object = this.scheduleObj.getCellDetails(this.scheduleObj.getSelectedElements()) as Object; 

    const eventData: { [key: string]: Object } = this.scheduleObj.eventWindow.getObjectFromFormData('e-schedule-dialog'); 

    this.scheduleObj.eventWindow.convertToEventData(data as { [key: string]: Object }, eventData); 

    eventData.Id = this.scheduleObj.eventBase.getEventMaxID() as number + 1; 

    this.scheduleObj.addEvent(eventData); 

    this.dialogClose(); 

  } 

  public eventDelete(e) { 

    const eventData: { [key: string]: Object } = this.scheduleObj.activeEventData.event as any; 

    this.scheduleObj.deleteEvent(eventData); 

    this.dialogClose(); 

  } 

  public editEvent(e) { 

    debugger; 

    const eventData: { [key: string]: Object } = this.scheduleObj.eventWindow.getObjectFromFormData('e-schedule-dialog'); 

    eventData.Id = this.currentEvent.Id; 

    this.scheduleObj.saveEvent(eventData); 

    this.dialogClose(); 

  } 

 

 

Regards, 

Karthi