Prevent event creation in same timeslot

[Gerson C Teixeira]

Hi.

I would like to block/prevent the creation of new event on occuped timeslot (timeline view) through click in bottom them.

How can I do that?

I attached an image to show what I don't want.

Thank you.

Attachment: file_5680f17d.zip

[Karthigeyan Krishnamurthi]

Hi Gerson, 

 

Syncfusion greetings. 

 

We can achieve your requirement using isSlotAvailable method and kindly refer the below links. 

https://stackblitz.com/edit/vknpeu?file=index.js 

https://ej2.syncfusion.com/javascript/documentation/api/schedule/#isslotavailable 

https://ej2.syncfusion.com/javascript/demos/#/material/schedule/timeline-resources.html 

 

actionBegin: function (args) { 

    if (args.requestType === 'eventCreate' || args.requestType === 'eventChange') { 

      var data = void 0; 

      if (args.requestType === 'eventCreate') { 

        data = args.data[0]; 

      } 

      else if (args.requestType === 'eventChange') { 

        data = args.data; 

      } 

      var groupIndex = scheduleObj.eventBase.getGroupIndexFromEvent(data); 

      if (!scheduleObj.isSlotAvailable(data.StartTime, data.EndTime, groupIndex)) { 

        args.cancel = true; 

      } 

    } 

  } 

 

Regards, 

Karthi 

[Gerson C Teixeira]

Hi Karthi.

This code doesn't work for click in events. For drag n drop works great.

Follow these steps and you'll see:

1 Open up:

https://stackblitz.com/edit/vknpeu?file=index.js

2 Click in any created event;

3 Close event clicking on X in top/right;

4 Click below of the event;

5 Just save.

An event will be created (+1 more) below of clicked event.

Can you check this out?

Thank you.

[Karthigeyan Krishnamurthi]

Hi Gerson, 

 

Thanks for the update. 

 

Kindly use the below code example to overcome the issue. 

https://stackblitz.com/edit/vknpeu?file=index.js 

 

actionBegin: function (args) { 

    if (args.requestType === 'eventCreate' || args.requestType === 'eventChange') { 

      var data = void 0; 

      if (args.requestType === 'eventCreate') { 

        data = args.data[0]; 

      } 

      else if (args.requestType === 'eventChange') { 

        data = args.data; 

      } 

      var groupIndex = scheduleObj.eventBase.getGroupIndexFromEvent(data); 

      if (!scheduleObj.isSlotAvailable(data)) { 

        args.cancel = true; 

      } 

    } 

  } 

 

Regards, 

Karthi 

[Gerson C Teixeira]

Hi Karthi.

This would solve my problem, but when I try it into my code it doesn't work. The stackBlitz work great, but for me no. Maybe my js files are not in same version like yours? I tried to update for lastest version but with no success too. The version of ej.min.js in stackBlitz is final .51 and my version is final .47, I check out release notes and from 47 to 51 exists some fix to schedule comp. Maybe can be that?

I don't know what I can do. Can you, maybe, test this code in version .47? Or tell me how to get the lastest version outside syncfusion control panel?

Another last thing ... Is there a chance of that bottom space, below of event, disappear?  I don't find how in documentation.

Thank you.

[Nevitha Ravi]

Hi Gerson, 

Thanks for your update. 

We have checked our previously shared sample with the version 17.1.47 by changing the CDN link and it works fine at our end. We have shared the sample in the following link for your reference. 

https://stackblitz.com/edit/vknpeu-djn2fk?file=index.js 

Please check the sample if the issue persist still try to reproduce in a sample or share us the code snippets and issue details to check further on this. 

Q: Is there a chance of that bottom space, below of event, disappear? 

We suspect that your requirement is to customize the events which can be achieved either by using event template or eventRendered property. Please refer the following UG link. 

https://ej2.syncfusion.com/documentation/schedule/appointments/#appointment-customization 

If we misunderstood your query or if you need any further assistance, please revert us with more details which depicts your requirement. 

 

Regards, 

Nevitha