Edit, but not add or delete

[Chris Cunningham]

Hi,

I'd like to use the schedule widget to allow users to edit events (including dragging / resizing), but not to add or delete them (those will be handled by different parts of the application).

Is there any way to do this?

Thanks,
-Chris

[Karthigeyan Krishnamurthi]

Hi Chris, 

 

Syncfusion greetings. 

 

Yes, actionBegin event can be used to achieve your requirement. 

https://stackblitz.com/edit/angular-9jjc6x-3fm9hw?file=app.component.ts 

https://ej2.syncfusion.com/angular/documentation/api/schedule/#actionbegin 

https://ej2.syncfusion.com/angular/documentation/api/schedule/actionEventArgs/#actioneventargs 

 

onActionBegin(args: ActionEventArgs): void { 

    if (args.requestType === "eventRemove" || args.requestType === "eventCreate") { 

      args.cancel = true; 

    } 

  } 

 

Regards, 

Karthi 

 

[Chris Cunningham]

Hi, 

Using actionBegin does stop the add or save action itself from happening, but the UI still acts like it allows add and save up to that point. It looks like I can clean up the add UI by cancelling cellClick and cellDoubleClick. Any suggestion on removing delete from the UI?

Thanks,

-Chris

[Karthigeyan Krishnamurthi]

Hi Chris, 

 

Thanks for the update. 

 

We have modified our previous sample to achieve all your requirements using popupOpen event. 

https://stackblitz.com/edit/angular-9jjc6x-bkdxcg?file=app.component.html 

 

onPopupOpen(args: PopupOpenEventArgs): void { 

    if (args.target.classList.contains("e-work-cells")) { 

      args.cancel = true; 

      return; 

    } 

    var buttonElement = args.type === "QuickInfo" ? ".e-event-popup .e-delete" : ".e-schedule-dialog .e-event-delete"; 

    var deleteButton = document.querySelector(buttonElement); 

    if (deleteButton && (deleteButton as EJ2Instance).ej2_instances) { 

      ((deleteButton as EJ2Instance).ej2_instances[0] as Button).disabled = true; 

    } 

  } 

 

Regards, 

Karthi