Schedule View make all cell not clickable

It is possible to disable the click event of cell of shedule view? 

I need only the display of all views. 


4 Replies 1 reply marked as answer

JJ Jefferson Jadoc February 8, 2024 10:26 AM UTC

Image_4090_1707387916305

Image_5505_1707387930370

I dont need this two dialog.


Marked as answer

AK Ashokkumar Karuppasamy Syncfusion Team February 9, 2024 07:09 AM UTC

Hi Jefferson Jadoc,

You can achieve your requirement by utilizing the schedule cellClick and cellDoubleClick events or the popupOpen event. These options should meet your requirements. The attached code snippet and the following example demonstrate the solution. Please give it a try, and feel free to reach out if you need further assistance.

Sample: https://stackblitz.com/edit/schedule-cell-click-prevent-bqzvow?file=src%2Fapp.component.html,src%2Fapp.component.ts,src%2Fapp.component.css

[app.component.html]

    <ejs-schedule

      #scheduleObj

      width="100%"

      height="650px"

      [selectedDate]="selectedDate"

      [eventSettings]="eventSettings"

      (cellClick)="onCellClick($event)"

      (cellDoubleClick)="onCellDoubleClick($event)"

      (popupOpen)="onPopupOpen($event)"

      [(currentView)]="scheduleView"

      (eventRendered)="onEventRendered($event)"

    >

 



[app.component.ts]

 

  public onCellClick(argsCellClickEventArgs): void {

   args.cancel = true;

  }

 

  public onCellDoubleClick(argsCellClickEventArgs): void {

    args.cancel = true;

  }

 

  public onPopupOpen(argsCellClickEventArgs): void {

    args.cancel = true;

  }

}

 



Regards,
Ashok



JJ Jefferson Jadoc February 12, 2024 01:18 PM UTC

Thank you Ashok.



AK Ashokkumar Karuppasamy Syncfusion Team February 13, 2024 06:08 AM UTC

Hi Jefferson,


You're most welcome! Please let us know if you need any further assistance.


Regards,

Ashok


Loader.
Up arrow icon