Editor Template Databinding / Hooks on Editing Events

[Keith Nicholas]

For my custom event, I don't want the user to set an endTime, I want it to be calculated from other options selected.  Also the same thing with the Subject, I want the subject to be generated from the options selected. 

I'm guessing from what I have read in the documentation that the editorTemplate does NOT support vue?  So I can't use databinding ?

Or is there any hooks to to be able to set the endtime?  or when it saves?

Does it all have to be done in raw javascript?   So if I have no visual element for the endTime, do I needs to create some kind of hidden element and try and hook various update events and update the hidden element or something?

[Keith Nicholas]

as a followup question,  if I have to manipulate the endtime as "text", is there a time format function somewhere I can use to make sure the text is in the right format for the control?  I can guess the format and hardcode it, but I'm guessing there is functions somewhere that will do it for me.

[Karthigeyan Krishnamurthi]

Hi Keith, 

 

Syncfusion greetings. 

 

We have prepared the editor template sample to programmatically calculate the end time using actionBegin event. 

https://www.syncfusion.com/downloads/support/forum/147439/ze/Scheduler-880180027 

 

onActionBegin:function(args) { 

letscheduleObj=this.$refs.ScheduleObj; 

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

letdata; 

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

data=args.data[0]; 

 } elseif (args.requestType==="eventChange") { 

data=args.data; 

 } 

letradioObj=document.querySelectorAll('.e-radio'); 

radioObj.forEach((radio) => { 

letmyRadioObj=radio.ej2_instances[0]; 

if (myRadioObj.checked) { 

data.EndTime=newDate(data.StartTime) 

data.EndTime.setMinutes(data.EndTime.getMinutes() +parseInt(myRadioObj.value)); 

 } 

 }); 

 } 

 } 

 

 

Scheduler accepts ISO string format and internally convert to Date format. 

 

{ 

        "Id": 2, 

        "Subject": "Thule Air Crash Report", 

        "Location": "Newyork City", 

        "StartTime": "2019-01-07T06:30:00.000Z", 

        "EndTime": "2019-01-07T08:30:00.000Z", 

        "CategoryColor": "#357cd2" 

    } 

 

Regards, 

Karthi