1. Home
  2. Forum
  3. JavaScript - EJ 2
  4. Stretch and create appointment

Stretch and create appointment

Hi,

It is possible to click in the planning and stretch the appointment to directly create an appointment by taking a time slot. as in the following video from google calendar https://u.pcloud.link/publink/show?code=XZ0p7EXZIcg5zQr5cV7llbuUgUCFE4Niz477


Regards



10 Replies
NR Nevitha Ravi Syncfusion Team October 13, 2021 06:38 AM UTC

Hi Gilles, 

Greetings from Syncfusion Support. 

We have checked the reported query ‘appointment creation on multiple cell selection’ and achieved it using quickInfoOnSelectionEnd, popupOpen event and addEvent method. Please refer to the following sample. 

  quickInfoOnSelectionEnd: true, 
  popupOpen: function (args) { 
    if ( 
      args.type === 'QuickInfo' && 
      scheduleObj.element.querySelectorAll('.e-selected-cell').length > 1 
    ) { 
      args.cancel = true; 
      scheduleObj.addEvent(args.data); 
    } 
  }, 

Please try the above solution and let us know if you need any further assistance. 

Regards, 
Nevitha 


MT Marios Tasou November 10, 2021 09:51 AM UTC

Hello Nevitha,

I implemented the example you sent but when i try to open the event editor i get the exact error you get in the sample sent above could you help me out i have a custom dialog when opening the editor.


i also want to recreate this for Year view if possible 


VM Vengatesh Maniraj Syncfusion Team November 11, 2021 11:14 AM UTC

Hi Marios, 
 
Greetings from Syncfusion Support. 
 
We have validated your reported issue “getting error while opening popup” in the below sample but we are not able to replicate the issue at our end. So we need some additional information to proceed further. So could you please share the below details? 
 
  • Are you able to replicate the reported issue in the above sample. If yes, please share the video demonstration of the issue.
  • If possible, modify and share the above sample according to your use case scenario or provide a simple sample to replicate the issue.
The requested details are help us to validate the requirement further and provide the prompt solution ASAP. 
 
Regards, 
Vengatesh  


MT Marios Tasou replied to Vengatesh Maniraj November 11, 2021 01:42 PM UTC

Uncaught TypeError: Cannot read properties of undefined (reading 'toString')

    at e.onEventDetailsUpdate (cdn.syncfusion.com/ej2/dist/ej2.min.js:10)

    at e.openEditor (cdn.syncfusion.com/ej2/dist/ej2.min.js:10)

    at t.e.eventDoubleClick (cdn.syncfusion.com/ej2/dist/ej2.min.js:10)

This is the error i get from the above link sadly i dont have a video capture software on my pc 

but i simply select and drag to create an event and then when i try to double click or open through the optionform pop up i get this error.


VM Vengatesh Maniraj Syncfusion Team November 12, 2021 11:07 AM UTC

Hi Marios, 
 
Thanks for the update. 
 
We have validated your reported issue “Uncaught TypeError:” but unfortunately we are not able to replicate the issue at our end. We suspect that the field mapping for the ID property might be mismatched in your project. So could you please check all the fields mapped properly? For more references about the event field mapping, please visit the below UG documentation. 
 
 
Kindly check the above details and if you still face the problem, kindly share the below details to proceed further at our end. 
  • Share your scheduler related code snippets
  • Try to replicate the issue in our shared sample or
  • Share any issue reproducing sample(if possible)
Regards, 
Vengatesh  


MT Marios Tasou November 17, 2021 11:06 AM UTC

Hello Vengatesh,


Sorry for the late reply i was out of office due to being sick.


I am not sure which fields to use there as i am using a custom dialog box.


I will try to post most of the code i have in a stack blitz and post that link here

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

in the example sent you can see the templates in the html code below



VD Vinitha Devi Murugan Syncfusion Team November 18, 2021 11:38 AM UTC

Hi Marios, 
 
Thanks for your update. 
 
We could replicate your reported issue “Uncaught TypeError: Cannot read properties of undefined (reading 'toString')” at our end. We missed to add event Id while creating appointment which is the cause for the reported problem. We suggest you to use below code to overcome the reported problem. We have modified previously shared sample for your reference. 
 
 
  popupOpen: function (args) { 
    if ( args.type === 'QuickInfo' && scheduleObj.element.querySelectorAll('.e-selected-cell').length > 1) { 
      args.cancel = true; 
      args.data.Id = scheduleObj.getEventMaxID() + 1; 
      scheduleObj.addEvent(args.data); 
    } 
 
Kindly try with the above solution and get back to us if you need any further assistance. 
 
Regards, 
Vinitha 


MT Marios Tasou replied to Vinitha Devi Murugan November 24, 2021 07:12 AM UTC

Hello Vinitha,


Is it possible to do this stretch and appointment for Year view as well ?


VD Vinitha Devi Murugan Syncfusion Team November 25, 2021 09:51 AM UTC

Hi Marios, 
 
Thanks for your update. 
 
Currently in timeline year view of scheduler, multi-cell selection option is not available. We have already considered this requirement as feature request and logged the below feedback and 
we have plan to include this feature on our upcoming Volume 4, 2021 release which is expected to be rolled out on the end of December, 2021. Once this feature available you can stretch and add appointment for year view as well.  
 
 
Regards, 
Vinitha 


VM Vengatesh Maniraj Syncfusion Team December 30, 2021 03:42 AM UTC

Hi Marios,


We are glad to announce that our Essential Studio 2021 Volume 4 Release v19.4.0.38 is rolled out and is available for download under the following link.


https://www.syncfusion.com/forums/171304/essential-studio-2021-volume-4-main-release-v19-4-0-38-is-available-for-download


In this release, we have provided keyboard accessibility support to timeline year view. So we suggest upgrading your package version to the latest to avail of these changes.


Release Notes: https://ej2.syncfusion.com/vue/documentation/release-notes/19.4.38/?type=all#schedule


We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.


Regards,

Vengatesh



Loader.
Up arrow icon