We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Editor Template Databinding / Hooks on Editing Events

Thread ID:

Created:

Updated:

Platform:

Replies:

147439 Sep 10,2019 11:24 PM UTC Sep 11,2019 10:19 AM UTC Vue 2
loading
Tags: Schedule
Keith Nicholas
Asked On September 10, 2019 11:24 PM UTC

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
Replied On September 11, 2019 12:02 AM UTC

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 [Syncfusion]
Replied On September 11, 2019 10:19 AM UTC

Hi Keith, 
 
Syncfusion greetings. 
 
We have prepared the editor template sample to programmatically calculate the end time using actionBegin event. 
 
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 
 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon